@rh-support/cases 2.6.219 → 2.6.229

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

@@ -13,7 +13,7 @@ import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertActionCloseButton, AlertVariant, Button } from '@patternfly/react-core';
 import OpenDrawerRightIcon from '@patternfly/react-icons/dist/js/icons/open-drawer-right-icon';
 import { ErrorBoundary, ToastNotification, useBreakpoint, useDocumentTitle, useForceUpdate, } from '@rh-support/components';
-import { CSSUserModal, fetchAllStatuses, fetchCaseGroupsForAccount, fetchCaseGroupsForSSO, fetchCaseSeverities, fetchCaseTypes, fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, setUserPreferences, updateCaseListTraditionalSupportAgreed, updateUserPreferences, useGlobalDispatchContext, UserPreferencesKeys, } from '@rh-support/react-context';
+import { CSSUserModal, fetchAllStatuses, fetchCaseGroupsForAccount, fetchCaseGroupsForSSO, fetchCaseSeverities, fetchCaseTypes, fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, setTraditionalSupportSessionAgreed, setUserPreferences, updateUserPreferences, useGlobalDispatchContext, UserPreferencesKeys, } from '@rh-support/react-context';
 import { getStringifiedParams, getUrlParsedParams, haventLoadedMetadata, haventLoadedProductsMetadata, pendoTrackEvent, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -540,7 +540,7 @@ export function CaseList(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const onConfirmTraditionalSupportAgreement = () => {
-        updateCaseListTraditionalSupportAgreed(globalDispatchContext, true);
+        setTraditionalSupportSessionAgreed(globalDispatchContext, true);
     };
     const displayRHCDAlert = () => {
         const openClosedCopy = `Only showing cases that were ${RHCDValue} during the selected time range specified in

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function ArchivedCaseLabel(): React.JSX.Element;
+//# sourceMappingURL=ArchivedCaseLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchivedCaseLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/ArchivedCaseLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,iBAAiB,sBAMxC"}

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

@@ -0,0 +1,8 @@
+import { Label } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import React from 'react';
+import { Trans } from 'react-i18next';
+export default function ArchivedCaseLabel() {
+    return (React.createElement(Label, { className: "pf-v6-u-mt-xs", color: "purple", "data-testid": "archived-case-label", icon: React.createElement(InfoCircleIcon, null) },
+        React.createElement(Trans, null, "Archived")));
+}

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;AAsB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAaxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAAgB,SAAS,EAAc,MAAM,0BAA0B,CAAC;AA8B/E,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,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD;AAuBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA8pB1C"}
+{"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;AAsB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAAgB,SAAS,EAAc,MAAM,0BAA0B,CAAC;AA8B/E,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,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA6iB1C"}

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

@@ -3,7 +3,7 @@ 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 } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
-import { dtmTrackEventCaseStepEncountered, formatDate, mapSfdcStatusToPortalStatus, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { formatDate, mapSfdcStatusToPortalStatus, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import find from 'lodash/find';
 import flatMap from 'lodash/flatMap';
 import includes from 'lodash/includes';
@@ -12,12 +12,11 @@ import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
 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 { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { clearFilters, updateSort } from '../CaseListFilterReducer';
-import CaseListLabelGroup from './CaseListLabelGroup';
-import SeverityLabel from './SeverityLabel';
+import { CaseListTableRow } from './CaseListTableRow';
+import { CaseListTableSkeletonRow } from './CaseListTableSkeletonRow';
 import { TableColumnSelector } from './table-column-selector/TableColumnSelector';
 import { TableActionsDropdown } from './TableActionsDropdown';
 // initially selected columns
@@ -344,6 +343,20 @@ export function CaseListTable(props) {
         setSortedCaseListData(sortedRows);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [activeSortDirection, activeSortIndex]);
+    const showSkeletonLoaderRow = props.hasNextPage || props.isLoadingMore || props.loadMoreError;
+    const hasNoCaseListData = (caseListData || []).length < 1;
+    const renderCaseListRows = () => (React.createElement(React.Fragment, null, sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 :
+        sortedCaseListData.map((row, rowIndex) => (React.createElement(CaseListTableRow, { key: row.case_number, row: row, rowIndex: rowIndex, isColumnVisible: isColumnVisible, isSelected: selectedCases.includes(row.case_number), onRowClick: onRowClick, onRowSelect: onRowSelect }))),
+        showSkeletonLoaderRow && (React.createElement(CaseListTableSkeletonRow, { visibleCaseListColumns: visibleCaseListColumns, sentinelRef: props.sentinelRef }))));
+    const renderTableBodyContent = () => {
+        if (!props.isCaseListPageLoading && hasNoCaseListData) {
+            return noResultFoundRow;
+        }
+        if (props.isCaseListPageLoading) {
+            return loadingRowDefault;
+        }
+        return renderCaseListRows();
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement(TableComponent, { columns: columns, data: caseListData, selectedColumns: selectedColumns },
             React.createElement("div", { className: "case-list-table-toolbar pf-v6-l-flex", ref: tableToolbarRef },
@@ -375,50 +388,7 @@ 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) : (React.createElement(React.Fragment, null, sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 :
-                        sortedCaseListData.map((row, rowIndex) => {
-                            var _a;
-                            return (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 : ''),
-                                React.createElement(Td, { className: !isColumnVisible(CaseListColumnIds.caseLabel)
-                                        ? Visibility.hidden
-                                        : '', dataLabel: "Case labels" }, ((_a = row.case_label) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(CaseListLabelGroup, { labels: row.case_label })) : (''))));
-                        }),
-                        (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" }))))))))))),
+                    React.createElement(Tbody, null, renderTableBodyContent()))),
             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("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
                         React.createElement("polyline", { points: "23 4 23 10 17 10" }),

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

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface ICaseListTableRow {
+    id: string;
+    case_summary: string;
+    case_number: string;
+    case_customer_escalation: boolean;
+    case_createdByName: string;
+    case_lastModifiedByName: string;
+    case_lastModifiedDate: string;
+    case_severity: string;
+    case_product: string[];
+    case_version: string;
+    case_type: string;
+    case_status: string;
+    case_createdDate: string;
+    case_accountNumber: string;
+    case_closedDate: string;
+    case_alternate_id: string;
+    case_folderName: string;
+    case_contactName: string;
+    case_label: string[];
+}
+interface IProps {
+    row: ICaseListTableRow;
+    rowIndex: number;
+    isColumnVisible: (columnId: string) => boolean;
+    isSelected: boolean;
+    onRowClick: (event: React.MouseEvent, row: ICaseListTableRow) => void;
+    onRowSelect: (event: React.FormEvent<HTMLInputElement>, caseNumber: string) => void;
+}
+export declare function CaseListTableRow({ row, rowIndex, isColumnVisible, isSelected, onRowClick, onRowSelect }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CaseListTableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CaseListTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTableRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB,EAAE,OAAO,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,UAAU,MAAM;IACZ,GAAG,EAAE,iBAAiB,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACtE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACvF;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,MAAM,qBA+E/G"}

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

@@ -0,0 +1,51 @@
+import { Td, Tr, Visibility } from '@patternfly/react-table';
+import { dtmTrackEventCaseStepEncountered, formatDate } from '@rh-support/utils';
+import React from 'react';
+import { Trans } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import { CaseListColumnIds } from '../../../enums/case';
+import ArchivedCaseLabel from './ArchivedCaseLabel';
+import CaseListLabelGroup from './CaseListLabelGroup';
+import SeverityLabel from './SeverityLabel';
+function getColumnCellClass(columnId, isColumnVisible) {
+    return isColumnVisible(columnId) ? '' : Visibility.hidden || '';
+}
+export function CaseListTableRow({ row, rowIndex, isColumnVisible, isSelected, onRowClick, onRowSelect }) {
+    var _a;
+    return (React.createElement(Tr, { onRowClick: (event) => event && onRowClick(event, row) },
+        React.createElement(Td, { className: "pf-v6-u-pl-md", select: {
+                rowIndex,
+                onSelect: (event) => onRowSelect(event, row.case_number),
+                isSelected,
+            } }),
+        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: () => {
+                        var _a;
+                        return dtmTrackEventCaseStepEncountered('review', row.case_number, (_a = row.case_product) === null || _a === void 0 ? void 0 : _a[0], 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"))) : null,
+                row.case_status === 'Archived' ? React.createElement(ArchivedCaseLabel, null) : null)),
+        React.createElement(Td, { dataLabel: "Title" }, row.case_summary),
+        React.createElement(Td, { className: getColumnCellClass('contactName', isColumnVisible), dataLabel: "Owner" }, row.case_contactName),
+        React.createElement(Td, { className: getColumnCellClass('lastModifiedDate', isColumnVisible), dataLabel: "Modified by" },
+            React.createElement("span", { className: "modified-name" }, row.case_lastModifiedByName),
+            row.case_lastModifiedDate ? formatDate(row.case_lastModifiedDate) : ''),
+        React.createElement(Td, { className: getColumnCellClass('severity', isColumnVisible), dataLabel: "Severity" },
+            React.createElement(SeverityLabel, { sevValue: row.case_severity })),
+        React.createElement(Td, { className: getColumnCellClass('status', isColumnVisible), dataLabel: "Status" }, row.case_status),
+        React.createElement(Td, { className: getColumnCellClass('createdDate', isColumnVisible), dataLabel: "Created by" },
+            React.createElement("span", { className: "created-name" }, row.case_createdByName),
+            row.case_createdDate ? formatDate(row.case_createdDate) : ''),
+        React.createElement(Td, { className: getColumnCellClass('product', isColumnVisible), dataLabel: "Product and Version" },
+            row.case_product,
+            React.createElement("span", { className: "pf-v6-u-display-block" }, row.case_version)),
+        React.createElement(Td, { className: getColumnCellClass('accountNumber', isColumnVisible), dataLabel: "Account number" }, row.case_accountNumber),
+        React.createElement(Td, { className: getColumnCellClass('alternateCaseId', isColumnVisible), "data-label": "Personal reference number" }, row.case_alternate_id || ''),
+        React.createElement(Td, { className: getColumnCellClass('type', isColumnVisible), "data-label": "Support type" }, row.case_type),
+        React.createElement(Td, { className: getColumnCellClass('closedDate', isColumnVisible), "data-label": "Closed date" }, row.case_closedDate ? formatDate(row.case_closedDate) : ''),
+        React.createElement(Td, { className: getColumnCellClass('folderName', isColumnVisible), "data-label": "Group" }, row.case_folderName || ''),
+        React.createElement(Td, { className: getColumnCellClass(CaseListColumnIds.caseLabel, isColumnVisible), dataLabel: "Case labels" }, ((_a = row.case_label) === null || _a === void 0 ? void 0 : _a.length) ? React.createElement(CaseListLabelGroup, { labels: row.case_label }) : null)));
+}

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

@@ -0,0 +1,9 @@
+import { IColumn } from '@rh-support/components';
+import React from 'react';
+interface IProps {
+    visibleCaseListColumns: IColumn[];
+    sentinelRef?: (node?: Element | null) => void;
+}
+export declare function CaseListTableSkeletonRow({ visibleCaseListColumns, sentinelRef }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CaseListTableSkeletonRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CaseListTableSkeletonRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTableSkeletonRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,sBAAsB,EAAE,OAAO,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,wBAAwB,CAAC,EAAE,sBAAsB,EAAE,WAAW,EAAE,EAAE,MAAM,qBAevF"}

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

@@ -0,0 +1,10 @@
+import { Td, Tr } from '@patternfly/react-table';
+import React from 'react';
+export function CaseListTableSkeletonRow({ visibleCaseListColumns, sentinelRef }) {
+    return (React.createElement(Tr, { key: "skeleton-loader-row", className: "skeleton-loader-row" },
+        React.createElement(Td, { className: "pf-v6-u-pl-md" },
+            React.createElement("div", { ref: 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" }))))));
+}

package/lib/esm/enums/case.js

@@ -67,7 +67,7 @@ export const caseListSortColumnIdsToSFDCMap = {
 };
 // Maps CaseListColumnIds to GraphQL RedHatSupportCase_OrderBy field paths
 export const caseListSortColumnIdsToGraphQLMap = {
-    [CaseListColumnIds.caseId]: 'CaseNumber',
+    [CaseListColumnIds.caseId]: 'CaseNumber__c',
     [CaseListColumnIds.summary]: 'Subject',
     [CaseListColumnIds.severity]: 'Priority',
     [CaseListColumnIds.owner]: 'OwnerId',

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

@@ -1 +1 @@
-{"version":3,"file":"useCaseLabels.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseLabels.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAOD,UAAU,mBAAmB;IACzB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAmCrE"}
+{"version":3,"file":"useCaseLabels.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseLabels.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAOD,UAAU,mBAAmB;IACzB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAmCrE"}

package/lib/esm/hooks/useCaseLabels.js

@@ -9,12 +9,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useApolloClient } from '@apollo/client/react';
 import { GET_CASE_LABELS, } from '@rh-support/utils';
+import unescape from 'lodash/unescape';
 import { useCallback, useEffect, useState } from 'react';
 const mapCaseLabelNode = (node) => {
     var _a, _b;
     return ({
         id: node.Id,
-        name: (_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
+        name: unescape((_b = (_a = node.Name) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''),
     });
 };
 /** Fetches account-scoped case labels for the Case List Case labels filter. */

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

@@ -1 +1 @@
-{"version":3,"file":"caseListMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListMapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAShE,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAiC9E;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,GAAG,aAAa,EAAE,CAElG"}
+{"version":3,"file":"caseListMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListMapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYhE,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAiC9E;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,GAAG,aAAa,EAAE,CAElG"}

package/lib/esm/utils/caseListMapper.js

@@ -2,7 +2,10 @@ import unescape from 'lodash/unescape';
 function mapCaseLabelNames(node) {
     var _a, _b;
     const edges = (_b = (_a = node.Case_Label_Links__r) === null || _a === void 0 ? void 0 : _a.edges) !== null && _b !== void 0 ? _b : [];
-    const names = edges.map((edge) => { var _a, _b, _c; return (_c = (_b = (_a = edge.node) === null || _a === void 0 ? void 0 : _a.Label__r) === null || _b === void 0 ? void 0 : _b.Name) === null || _c === void 0 ? void 0 : _c.value; }).filter((name) => Boolean(name));
+    const names = edges
+        .map((edge) => { var _a, _b, _c; return (_c = (_b = (_a = edge.node) === null || _a === void 0 ? void 0 : _a.Label__r) === null || _b === void 0 ? void 0 : _b.Name) === null || _c === void 0 ? void 0 : _c.value; })
+        .filter((name) => Boolean(name))
+        .map((name) => unescape(name));
     return [...new Set(names)];
 }
 export function mapGraphQLCaseToCaseListItem(node) {

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

@@ -1 +1 @@
-{"version":3,"file":"caseListVariablesBuilder.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListVariablesBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAcnD,OAAO,EAEH,oBAAoB,EAEvB,MAAM,+CAA+C,CAAC;AAMvD,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,oBAAoB,GAAG,MAAM,EAAE,CAM1F;AAED,MAAM,WAAW,yBAAyB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC7B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAqaD,wBAAsB,qCAAqC,CACvD,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,eAAe,CAAC,EAAE,gBAAgB,EAClC,yBAAyB,UAAQ,GAClC,OAAO,CAAC,yBAAyB,CAAC,CAuIpC"}
+{"version":3,"file":"caseListVariablesBuilder.d.ts","sourceRoot":"","sources":["../../../src/utils/caseListVariablesBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAcnD,OAAO,EAEH,oBAAoB,EAEvB,MAAM,+CAA+C,CAAC;AAMvD,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,oBAAoB,GAAG,MAAM,EAAE,CAM1F;AAED,MAAM,WAAW,yBAAyB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC7B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAsbD,wBAAsB,qCAAqC,CACvD,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,YAAY,EAC1B,eAAe,CAAC,EAAE,gBAAgB,EAClC,yBAAyB,UAAQ,GAClC,OAAO,CAAC,yBAAyB,CAAC,CAuIpC"}

package/lib/esm/utils/caseListVariablesBuilder.js

@@ -165,22 +165,31 @@ function resolveGroupIds(groups, apolloClient) {
  */
 function resolveCaseNumbersByLabelIds(labelIds, apolloClient) {
     return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g;
         if (!labelIds.length) {
             return [];
         }
         const where = labelIds.length === 1 ? { Label__r: { Id: { eq: labelIds[0] } } } : { Label__r: { Id: { in: labelIds } } };
+        const PAGE_SIZE = 2000;
+        const allCaseNumbers = [];
+        let hasNextPage = true;
+        let afterCursor;
         try {
-            const { data } = yield apolloClient.query({
-                query: GET_CASE_NUMBERS_BY_CASE_LABEL,
-                variables: { where },
-                fetchPolicy: 'network-only',
-            });
-            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabelLink__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
-            const caseNumbers = edges
-                .map((edge) => { var _a, _b, _c; return (_c = (_b = (_a = edge.node) === null || _a === void 0 ? void 0 : _a.Case__r) === null || _b === void 0 ? void 0 : _b.CaseNumber__c) === null || _c === void 0 ? void 0 : _c.value; })
-                .filter((caseNumber) => Boolean(caseNumber));
-            return [...new Set(caseNumbers)];
+            while (hasNextPage) {
+                const { data } = yield apolloClient.query({
+                    query: GET_CASE_NUMBERS_BY_CASE_LABEL,
+                    variables: Object.assign({ where, first: PAGE_SIZE }, (afterCursor ? { after: afterCursor } : {})),
+                    fetchPolicy: 'network-only',
+                });
+                const connection = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabelLink__c;
+                const edges = (_c = connection === null || connection === void 0 ? void 0 : connection.edges) !== null && _c !== void 0 ? _c : [];
+                allCaseNumbers.push(...edges
+                    .map((edge) => { var _a, _b, _c; return (_c = (_b = (_a = edge.node) === null || _a === void 0 ? void 0 : _a.Case__r) === null || _b === void 0 ? void 0 : _b.CaseNumber__c) === null || _c === void 0 ? void 0 : _c.value; })
+                    .filter((caseNumber) => Boolean(caseNumber)));
+                hasNextPage = (_e = (_d = connection === null || connection === void 0 ? void 0 : connection.pageInfo) === null || _d === void 0 ? void 0 : _d.hasNextPage) !== null && _e !== void 0 ? _e : false;
+                afterCursor = (_g = (_f = connection === null || connection === void 0 ? void 0 : connection.pageInfo) === null || _f === void 0 ? void 0 : _f.endCursor) !== null && _g !== void 0 ? _g : undefined;
+            }
+            return [...new Set(allCaseNumbers)];
         }
         catch (error) {
             console.error('[GraphQL] Failed to resolve case numbers by case label:', error);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.219",
+    "version": "2.6.229",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -38,11 +38,11 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.214",
-        "@rh-support/react-context": "2.5.309",
+        "@rh-support/components": "2.5.225",
+        "@rh-support/react-context": "2.5.321",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.161",
-        "@rh-support/utils": "2.5.142",
+        "@rh-support/user-permissions": "2.5.173",
+        "@rh-support/utils": "2.5.152",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -94,5 +94,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "db4ef21c103bd27b78fdbcbe38b84750e7886df4"
+    "gitHead": "4cb198056cdf53141dcdf4d9b55d9cbb36940e05"
 }