@rh-support/cases 2.6.217 → 2.6.219

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;AAwClC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAuC1C,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,qBA2vBrC"}
+{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAwClC,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAuC1C,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,qBAsxBrC"}

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

@@ -60,6 +60,8 @@ export function CaseList(props) {
     const lastPushedQueryRef = useRef('');
     const isXLScreen = breakPoint.xl;
     const isFirstMount = useRef(true);
+    const userDismissedDefaultGroupRef = useRef(false);
+    const prevGroupFilterRef = useRef(undefined);
     const filterSectionRef = useRef(null);
     const filterState = useContext(CaseListFilterStateContext);
     const filterDispatch = useContext(CaseListFilterDispatchContext);
@@ -316,6 +318,21 @@ export function CaseList(props) {
     const loggedInContactId = (_b = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _b === void 0 ? void 0 : _b.id;
     const loggedInIsOrgAdmin = (_c = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _c === void 0 ? void 0 : _c.isOrgAdmin;
     const defaultCaseGroupId = (_e = (_d = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data) === null || _d === void 0 ? void 0 : _d.defaultCaseGroup) !== null && _e !== void 0 ? _e : null;
+    const prevDefaultCaseGroupIdRef = useRef(defaultCaseGroupId);
+    useEffect(() => {
+        var _a;
+        if (prevDefaultCaseGroupIdRef.current !== defaultCaseGroupId) {
+            userDismissedDefaultGroupRef.current = false;
+        }
+        prevDefaultCaseGroupIdRef.current = defaultCaseGroupId;
+        const currentGroupFilter = ((_a = filterState.filterInfo) === null || _a === void 0 ? void 0 : _a[SolrKeys.group]) || [];
+        if (prevGroupFilterRef.current !== undefined &&
+            prevGroupFilterRef.current.length > 0 &&
+            currentGroupFilter.length === 0) {
+            userDismissedDefaultGroupRef.current = true;
+        }
+        prevGroupFilterRef.current = currentGroupFilter;
+    }, [filterState.filterInfo, defaultCaseGroupId]);
     useEffect(() => {
         var _a;
         if (!salesforceAccountId || loggedInUser.isFetching)
@@ -353,6 +370,9 @@ export function CaseList(props) {
             return;
         const nextGroupFilter = getDefaultGroupFilterSelection(caseGroups.data, loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.data);
         const currentGroupFilter = filterState.filterInfo[SolrKeys.group] || [];
+        if (userDismissedDefaultGroupRef.current && currentGroupFilter.length === 0) {
+            return;
+        }
         if (isEqual(currentGroupFilter, nextGroupFilter))
             return;
         updateFilterState(filterDispatch, Object.assign(Object.assign({}, filterState), { filterInfo: Object.assign(Object.assign({}, filterState.filterInfo), { [SolrKeys.group]: nextGroupFilter }) }));

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    labels: string[];
+}
+export declare function truncateCollapsedLabelName(labelName: string): string;
+export declare function getVisibleLabelCount(itemWidths: number[], availableWidth: number, overflowWidth: number, gap: number): number;
+export default function CaseListLabelGroup({ labels }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CaseListLabelGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CaseListLabelGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListLabelGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,UAAU,MAAM;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;CACpB;AAWD,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAMpE;AAED,wBAAgB,oBAAoB,CAChC,UAAU,EAAE,MAAM,EAAE,EACpB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,GAAG,EAAE,MAAM,GACZ,MAAM,CAuBR;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,qBAyH5D"}

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

@@ -0,0 +1,105 @@
+import { Label, LabelGroup, Popover, PopoverPosition } from '@patternfly/react-core';
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const COLLAPSED_LABEL_CHAR_LIMIT = 12;
+function getLabelGapPx(element) {
+    const gap = getComputedStyle(element).getPropertyValue('--case-list-label-gap').trim();
+    const parsedGap = Number.parseFloat(gap);
+    return Number.isNaN(parsedGap) ? 0 : parsedGap;
+}
+export function truncateCollapsedLabelName(labelName) {
+    if (labelName.length <= COLLAPSED_LABEL_CHAR_LIMIT) {
+        return labelName;
+    }
+    return `${labelName.slice(0, COLLAPSED_LABEL_CHAR_LIMIT)}...`;
+}
+export function getVisibleLabelCount(itemWidths, availableWidth, overflowWidth, gap) {
+    if (!itemWidths.length || availableWidth <= 0) {
+        return 0;
+    }
+    let usedWidth = 0;
+    let visibleCount = 0;
+    for (let index = 0; index < itemWidths.length; index++) {
+        const nextUsedWidth = usedWidth + (visibleCount > 0 ? gap : 0) + itemWidths[index];
+        const remainingCount = itemWidths.length - (index + 1);
+        const totalWidth = remainingCount > 0 ? nextUsedWidth + gap + overflowWidth : nextUsedWidth;
+        if (totalWidth <= availableWidth) {
+            usedWidth = nextUsedWidth;
+            visibleCount = index + 1;
+            continue;
+        }
+        return Math.max(1, visibleCount);
+    }
+    return visibleCount;
+}
+export default function CaseListLabelGroup({ labels }) {
+    const { t } = useTranslation();
+    const containerRef = useRef(null);
+    const measureRef = useRef(null);
+    const overflowMeasureRef = useRef(null);
+    const lastMeasuredWidthRef = useRef(0);
+    const [numVisible, setNumVisible] = useState(labels.length);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        const measureRow = measureRef.current;
+        if (!container || !measureRow || !labels.length) {
+            return;
+        }
+        const tableCell = container.closest('td');
+        const updateVisibleCount = () => {
+            var _a, _b, _c;
+            const availableWidth = (_a = tableCell === null || tableCell === void 0 ? void 0 : tableCell.clientWidth) !== null && _a !== void 0 ? _a : container.clientWidth;
+            if (availableWidth <= 0) {
+                return;
+            }
+            const itemWidths = Array.from(measureRow.querySelectorAll('[data-measure-label]')).map((element) => element.offsetWidth);
+            const overflowWidth = (_c = (_b = overflowMeasureRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) !== null && _c !== void 0 ? _c : 32;
+            const labelGapPx = getLabelGapPx(container);
+            const nextVisible = getVisibleLabelCount(itemWidths, availableWidth, overflowWidth, labelGapPx);
+            lastMeasuredWidthRef.current = availableWidth;
+            setNumVisible((current) => (current === nextVisible ? current : nextVisible));
+        };
+        updateVisibleCount();
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry) {
+                return;
+            }
+            const nextWidth = Math.round(entry.contentRect.width);
+            if (nextWidth === lastMeasuredWidthRef.current) {
+                return;
+            }
+            updateVisibleCount();
+        });
+        resizeObserver.observe(tableCell !== null && tableCell !== void 0 ? tableCell : container);
+        return () => resizeObserver.disconnect();
+    }, [labels]);
+    const visibleLabels = labels.slice(0, numVisible);
+    const hiddenLabels = labels.slice(numVisible);
+    const remainingCount = hiddenLabels.length;
+    return (React.createElement("div", { ref: containerRef, className: "case-list-label-cell" },
+        React.createElement("div", { ref: measureRef, className: "case-list-label-cell__measure", "aria-hidden": "true" },
+            labels.map((labelName) => (React.createElement("span", { key: labelName, "data-measure-label": true },
+                React.createElement(Label, { variant: "outline" }, truncateCollapsedLabelName(labelName))))),
+            React.createElement("span", { ref: overflowMeasureRef },
+                React.createElement(Label, { variant: "outline" },
+                    "+",
+                    labels.length))),
+        React.createElement("div", { className: "pf-v6-c-label-group case-list-label-group" },
+            React.createElement("div", { className: "pf-v6-c-label-group__main" },
+                React.createElement("ul", { className: "pf-v6-c-label-group__list", "aria-label": t('Case labels') },
+                    visibleLabels.map((labelName) => {
+                        const displayName = truncateCollapsedLabelName(labelName);
+                        return (React.createElement("li", { key: labelName, className: "pf-v6-c-label-group__list-item" },
+                            React.createElement(Label, { variant: "outline", title: displayName !== labelName ? labelName : undefined }, displayName)));
+                    }),
+                    remainingCount > 0 && (React.createElement("li", { className: "pf-v6-c-label-group__list-item" },
+                        React.createElement(Popover, { "aria-label": t('Additional case labels'), className: "case-list-label-popover-panel", position: PopoverPosition.topEnd, enableFlip: false, hasAutoWidth: true, maxWidth: "20rem", distance: 15, appendTo: () => document.body, bodyContent: React.createElement("div", { className: "case-list-label-popover" },
+                                React.createElement(LabelGroup, { numLabels: hiddenLabels.length, "aria-label": t('Case labels') }, hiddenLabels.map((labelName) => (React.createElement(Label, { key: labelName, variant: "outline" }, labelName))))) },
+                            React.createElement(Label, { variant: "overflow" },
+                                "+",
+                                remainingCount)))))))));
+}

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;AA4B/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;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA0oB1C"}
+{"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"}

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

@@ -16,6 +16,7 @@ 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 { TableColumnSelector } from './table-column-selector/TableColumnSelector';
 import { TableActionsDropdown } from './TableActionsDropdown';
@@ -27,6 +28,7 @@ const initialSelectedColumns = [
     CaseListColumnIds.owner,
     CaseListColumnIds.modified,
     CaseListColumnIds.status,
+    CaseListColumnIds.caseLabel,
 ];
 const EMPTY_STATE_FILTER_APPLIED = 'Try removing filters or modifying your search query to broaden the results.';
 const EMPTY_STATE_NO_FILTERS = 'The table will be populated after creating your first support case.';
@@ -135,6 +137,11 @@ export function CaseListTable(props) {
             sortable: true,
             show: isColumnVisible(CaseListColumnIds.group),
         },
+        {
+            id: CaseListColumnIds.caseLabel,
+            title: t('Case labels'),
+            show: isColumnVisible(CaseListColumnIds.caseLabel),
+        },
     ];
     const visibleCaseListColumns = columns.filter((column) => visibleColumns.includes(column.id));
     const allRows = caseListData.map((row, index) => row.case_number);
@@ -260,28 +267,32 @@ export function CaseListTable(props) {
         return (group === null || group === void 0 ? void 0 : group.name) || '';
     };
     const localRows = [
-        ...caseListData === null || caseListData === void 0 ? void 0 : caseListData.map((row, index) => ({
-            case_number: row.case_number,
-            case_summary: row.case_summary,
-            case_createdByName: row.case_createdByName,
-            case_lastModifiedDate: formatDate(row.case_last_public_update_date)
-                ? formatDate(row.case_last_public_update_date)
-                : '',
-            case_severity: row.case_severity ? row.case_severity : '',
-            case_status: mapSfdcStatusToPortalStatus(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 : '',
-            case_type: toNewCaseTypeSwitcher(row.case_type),
-            case_closedDate: formatDate(row.case_closedDate) ? formatDate(row.case_closedDate) : '',
-            case_folderName: row.case_folderName || getCaseGroupName(row.case_folderNumber) || '',
-            case_contactName: row.case_contactName,
-            case_lastModifiedByName: row.case_last_public_update_by ? row.case_last_public_update_by : '',
-            case_version: row.case_version,
-            id: row.id,
-            case_product: row.case_product,
-            case_customer_escalation: row.case_customer_escalation,
-        })),
+        ...caseListData === null || caseListData === void 0 ? void 0 : caseListData.map((row, index) => {
+            var _a;
+            return ({
+                case_number: row.case_number,
+                case_summary: row.case_summary,
+                case_createdByName: row.case_createdByName,
+                case_lastModifiedDate: formatDate(row.case_last_public_update_date)
+                    ? formatDate(row.case_last_public_update_date)
+                    : '',
+                case_severity: row.case_severity ? row.case_severity : '',
+                case_status: mapSfdcStatusToPortalStatus(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 : '',
+                case_type: toNewCaseTypeSwitcher(row.case_type),
+                case_closedDate: formatDate(row.case_closedDate) ? formatDate(row.case_closedDate) : '',
+                case_folderName: row.case_folderName || getCaseGroupName(row.case_folderNumber) || '',
+                case_contactName: row.case_contactName,
+                case_lastModifiedByName: row.case_last_public_update_by ? row.case_last_public_update_by : '',
+                case_version: row.case_version,
+                id: row.id,
+                case_product: row.case_product,
+                case_customer_escalation: row.case_customer_escalation,
+                case_label: (_a = row.case_label) !== null && _a !== void 0 ? _a : [],
+            });
+        }),
     ];
     useEffect(() => {
         var _a;
@@ -365,37 +376,43 @@ export function CaseListTable(props) {
                                         : 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) => (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 : '')))),
+                        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" },

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAgCrC,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,oBAAoB,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAWD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAmXzD"}
+{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAgCrC,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,oBAAoB,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAWD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA4XzD"}

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

@@ -49,6 +49,7 @@ export default function DownloadCSVFileModal(props) {
         type: false,
         caseClosedDate: false,
         group: false,
+        caseLabel: false,
     });
     const [isSaveClicked, setIsSavedClicked] = useState(false);
     function getKey(key) {
@@ -129,6 +130,12 @@ export default function DownloadCSVFileModal(props) {
             key: getKey('groupName'),
             label: 'Group',
         },
+        {
+            checkbox: checkboxes.caseLabel,
+            key: getKey('caseLabel'),
+            label: 'Case labels',
+            transform: (labels) => (Array.isArray(labels) ? labels.join(', ') : labels || ''),
+        },
     ], [checkboxes]);
     const getHeaders = () => {
         const updatedCsvHeaders = [...csvHeaders];
@@ -202,6 +209,7 @@ export default function DownloadCSVFileModal(props) {
             type: newSelectAllState,
             caseClosedDate: newSelectAllState,
             group: newSelectAllState,
+            caseLabel: newSelectAllState,
         };
         setCheckboxes((prevCheckboxes) => (Object.assign({ selectAll: !prevCheckboxes.selectAll }, updatedCheckboxes)));
     };
@@ -219,6 +227,7 @@ export default function DownloadCSVFileModal(props) {
         { label: 'Product and version', key: 'productVersion' },
         { label: 'Personal reference number', key: 'alternateId' },
         { label: 'Closed date', key: 'caseClosedDate' },
+        { label: 'Case labels', key: 'caseLabel' },
     ];
     const generateCheckboxes = (fieldDefinitions) => {
         return fieldDefinitions.map((field) => (React.createElement(Checkbox, { key: field.key, className: "nested", label: t(field.label), isChecked: checkboxes[field.key], onChange: () => {

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-list-table/table-column-selector/TableColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAWpC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAgGpF"}
+{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-list-table/table-column-selector/TableColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAWpC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAiGpF"}

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.js

@@ -38,6 +38,7 @@ export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
         { label: t('Product and version'), key: 'product' },
         { label: t('Personal reference number'), key: 'alternateCaseId' },
         { label: t('Closed date'), key: 'closedDate' },
+        { label: t('Case labels'), key: 'caseLabel' },
     ];
     const generateCheckboxes = (fieldDefinitions) => {
         return fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((field) => (React.createElement(Checkbox, { key: field.key, className: "case-column-selector", label: field.label, isChecked: cachedColumns.includes(field.key), onChange: () => {

package/lib/esm/css/caseList.css

@@ -252,6 +252,78 @@
     display: none;
 }
 
+.case-list-table th#caseLabel,
+.case-list-table td[data-label='Case labels'] {
+    width: 20rem;
+    min-width: 20rem;
+    max-width: 20rem;
+}
+
+.case-list-label-cell {
+    --case-list-label-gap: 8px;
+    position: relative;
+    max-width: 100%;
+    width: 100%;
+}
+
+.case-list-label-cell__measure {
+    display: flex;
+    column-gap: var(--case-list-label-gap);
+    position: absolute;
+    visibility: hidden;
+    pointer-events: none;
+    height: 0;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.case-list-table td[data-label='Case labels'] .case-list-label-group,
+.case-list-table td[data-label='Case labels'] .case-list-label-group .pf-v6-c-label-group__main,
+.case-list-table td[data-label='Case labels'] .case-list-label-group .pf-v6-c-label-group__list {
+    max-width: 100%;
+    width: 100%;
+}
+
+.case-list-table td[data-label='Case labels'] .case-list-label-group .pf-v6-c-label-group__list {
+    column-gap: var(--case-list-label-gap);
+    flex-wrap: nowrap;
+}
+
+.case-list-table td[data-label='Case labels'] .case-list-label-group .pf-v6-c-label-group__list-item {
+    flex-shrink: 0;
+}
+
+.case-list-table td[data-label='Case labels'] .case-list-label-group .pf-v6-c-label__text {
+    white-space: nowrap;
+}
+
+.case-list-label-popover .pf-v6-c-label-group__list {
+    column-gap: var(--case-list-label-gap);
+    row-gap: var(--case-list-label-gap);
+    flex-wrap: wrap;
+}
+
+.case-list-label-popover-panel {
+    --case-list-label-gap: 8px;
+    --case-list-label-popover-offset-x: 0.9rem;
+    --case-list-label-popover-offset-y: 0.1rem;
+    --case-list-label-popover-close-offset-x: 0.5rem;
+    --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+    --pf-v6-c-popover__close--InsetInlineEnd: calc(
+        var(--pf-v6-c-popover__content--PaddingInlineEnd, 1rem) - var(--case-list-label-popover-close-offset-x)
+    );
+    margin-inline-start: var(--case-list-label-popover-offset-x);
+    margin-block-start: var(--case-list-label-popover-offset-y);
+}
+
+.case-list-label-popover-panel .pf-v6-c-popover__close .pf-v6-c-button {
+    width: 21px;
+    height: 21px;
+    min-width: 21px;
+    min-height: 21px;
+    padding: 0;
+}
+
 .case-list-table td[data-label='Title'] {
     text-align: start !important;
 }

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

@@ -31,7 +31,8 @@ export declare enum CaseListColumnIds {
     group = "folderName",
     alternateCaseId = "alternateCaseId",
     type = "type",
-    caseClosedDate = "closedDate"
+    caseClosedDate = "closedDate",
+    caseLabel = "caseLabel"
 }
 export declare const caseListSortColumnIdsToSolrMap: {
     number: SolrKeys;
@@ -75,5 +76,6 @@ export declare const caseTableColumSortNamesMap: {
     alternateCaseId: string;
     type: string;
     closedDate: string;
+    caseLabel: string;
 };
 //# sourceMappingURL=case.d.ts.map

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

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

package/lib/esm/enums/case.js

@@ -35,6 +35,7 @@ export var CaseListColumnIds;
     CaseListColumnIds["alternateCaseId"] = "alternateCaseId";
     CaseListColumnIds["type"] = "type";
     CaseListColumnIds["caseClosedDate"] = "closedDate";
+    CaseListColumnIds["caseLabel"] = "caseLabel";
 })(CaseListColumnIds || (CaseListColumnIds = {}));
 export const caseListSortColumnIdsToSolrMap = {
     [CaseListColumnIds.caseId]: SolrKeys.caseNumber,
@@ -90,4 +91,5 @@ export const caseTableColumSortNamesMap = {
     [CaseListColumnIds.alternateCaseId]: 'Personal reference number',
     [CaseListColumnIds.type]: 'Support type',
     [CaseListColumnIds.caseClosedDate]: 'Close date',
+    [CaseListColumnIds.caseLabel]: 'Case labels',
 };

package/lib/esm/models/caseList.d.ts

@@ -37,6 +37,7 @@ export interface ISolrCaseListResponse {
     uri: string;
     case_closedDate: string;
     case_alternate_id: string;
+    case_label?: string[];
 }
 export type ISolrCaseSearchResponse = ISolrResponse<ISolrCaseListResponse, IFacetCounts>;
 export type ICaseListResponse = ISolrCaseListResponse;

package/lib/esm/models/caseList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseList.d.ts","sourceRoot":"","sources":["../../../src/models/caseList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,WAAW;IACxB,2BAA2B,EAAE,kBAAkB,EAAE,CAAC;CACrD;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,KAAK,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,CAAC,EAAE,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,OAAO,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,4BAA4B,EAAE,MAAM,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAEzF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"caseList.d.ts","sourceRoot":"","sources":["../../../src/models/caseList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,WAAW;IACxB,2BAA2B,EAAE,kBAAkB,EAAE,CAAC;CACrD;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,KAAK,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,CAAC,EAAE,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,OAAO,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,4BAA4B,EAAE,MAAM,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAEzF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC"}

package/lib/esm/test-utils/mockData.d.ts

@@ -64,6 +64,7 @@ export declare const mockCaseList: {
         uri: string;
         case_owner: string;
         case_closedDate: string;
+        case_label: string[];
     }[];
 };
 export declare const mockManagedAccounts: {

package/lib/esm/test-utils/mockData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/test-utils/mockData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;GAI1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;GAgBlC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;;GA4BvC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;GAgBnC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;CAExC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;GAS/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,GAG9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;GA6GpB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;GA4B9B,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;CA+d7C,CAAC"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/test-utils/mockData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;GAI1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;GAgBlC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;;GA4BvC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;GAgBnC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;CAExC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;GAS/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,GAG9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;GA6GpB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;GA4B9B,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;CA+d7C,CAAC"}

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

@@ -94,6 +94,7 @@ export const mockCaseList = {
             uri: 'https://api.access.qa.redhat.com/rs/cases/02428475',
             case_owner: 'New Case Queue',
             case_closedDate: '2019-11-10T11:46:19Z',
+            case_label: ['Priority', 'Billing'],
         },
     ],
 };

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;AAGhE,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,CAgC9E;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;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"}

package/lib/esm/utils/caseListMapper.js

@@ -1,11 +1,17 @@
 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));
+    return [...new Set(names)];
+}
 export function mapGraphQLCaseToCaseListItem(node) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
     const isEscalated = ((_a = node.IsEscalated) === null || _a === void 0 ? void 0 : _a.value) === true;
     return {
         id: node.Id || '',
         case_number: ((_b = node.CaseNumber__c) === null || _b === void 0 ? void 0 : _b.value) || '',
-        case_summary: ((_c = node.Subject) === null || _c === void 0 ? void 0 : _c.value) || '',
+        case_summary: unescape(((_c = node.Subject) === null || _c === void 0 ? void 0 : _c.value) || ''),
         case_status: ((_d = node.Status) === null || _d === void 0 ? void 0 : _d.value) || '',
         case_severity: ((_e = node.Priority) === null || _e === void 0 ? void 0 : _e.value) || '',
         case_product: ((_h = (_g = (_f = node.Product) === null || _f === void 0 ? void 0 : _f.ParentProduct__r) === null || _g === void 0 ? void 0 : _g.Name) === null || _h === void 0 ? void 0 : _h.value)
@@ -28,7 +34,8 @@ export function mapGraphQLCaseToCaseListItem(node) {
         case_closedDate: ((_3 = node.ClosedDate) === null || _3 === void 0 ? void 0 : _3.value) || '',
         case_folderName: unescape(((_5 = (_4 = node.Group__r) === null || _4 === void 0 ? void 0 : _4.Name) === null || _5 === void 0 ? void 0 : _5.value) || ''),
         case_folderNumber: ((_6 = node.Group__c) === null || _6 === void 0 ? void 0 : _6.value) || ((_7 = node.Group__r) === null || _7 === void 0 ? void 0 : _7.Id) || '',
-        case_alternate_id: ((_8 = node.AlternateCaseId__c) === null || _8 === void 0 ? void 0 : _8.value) || '',
+        case_alternate_id: unescape(((_8 = node.AlternateCaseId__c) === null || _8 === void 0 ? void 0 : _8.value) || ''),
+        case_label: mapCaseLabelNames(node),
         uri: '',
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.217",
+    "version": "2.6.219",
     "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.212",
-        "@rh-support/react-context": "2.5.307",
+        "@rh-support/components": "2.5.214",
+        "@rh-support/react-context": "2.5.309",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.159",
-        "@rh-support/utils": "2.5.140",
+        "@rh-support/user-permissions": "2.5.161",
+        "@rh-support/utils": "2.5.142",
         "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": "17800786cdf0c0d37d25324bf52c1a2a674f19fe"
+    "gitHead": "db4ef21c103bd27b78fdbcbe38b84750e7886df4"
 }