@rh-support/cases 2.1.62 → 2.1.64

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

@@ -1 +1 @@
-{"version":3,"file":"AdditionalFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/AdditionalFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,wBAAgB,iBAAiB,sBAwChC"}
+{"version":3,"file":"AdditionalFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/AdditionalFilters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,wBAAgB,iBAAiB,sBAqDhC"}

package/lib/esm/components/case-list/case-list-filters/AdditionalFilters.js

@@ -1,4 +1,6 @@
 import { Checkbox } from '@patternfly/react-core';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { AdditionalFilterLabels, SolrKeys } from '../../../enums/filters';
@@ -17,8 +19,21 @@ export function AdditionalFilters() {
         setIsEscalated(checked);
     };
     useEffect(() => {
-        (case_customer_escalation || []).length < 1 && escalated && setIsEscalated(false);
-        (case_customer_escalation || []).length > 0 && !escalated && setIsEscalated(true);
+        var _a, _b;
+        updateFilter(dispatch, {
+            filterKey: SolrKeys.escalation,
+            values: !isEmpty(case_customer_escalation) && isEqual((_a = case_customer_escalation[0]) === null || _a === void 0 ? void 0 : _a.key, 'true')
+                ? [{ key: (_b = case_customer_escalation[0]) === null || _b === void 0 ? void 0 : _b.key, value: AdditionalFilterLabels[SolrKeys.escalation] }]
+                : [],
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        var _a;
+        isEmpty(case_customer_escalation) && escalated && setIsEscalated(false);
+        if (!isEmpty(case_customer_escalation)) {
+            isEqual((_a = case_customer_escalation[0]) === null || _a === void 0 ? void 0 : _a.key, 'true') ? setIsEscalated(true) : setIsEscalated(false);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [case_customer_escalation]);
     return (React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"CreatorSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CreatorSsoNameFilter.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,eAAO,MAAM,WAAW,0BAIvB,CAAC;AAYF,eAAO,MAAM,eAAe;;;;;;;GAA6E,CAAC;AAE1G,eAAO,MAAM,kBAAkB,iEAyC9B,CAAC;AAEF,wBAAgB,oBAAoB,sBA0OnC"}
+{"version":3,"file":"CreatorSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CreatorSsoNameFilter.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,eAAO,MAAM,WAAW,0BAIvB,CAAC;AAYF,eAAO,MAAM,eAAe;;;;;;;GAA6E,CAAC;AAE1G,eAAO,MAAM,kBAAkB,iEAyC9B,CAAC;AAEF,wBAAgB,oBAAoB,sBA4OnC"}

package/lib/esm/components/case-list/case-list-filters/CreatorSsoNameFilter.js

@@ -206,7 +206,7 @@ export function CreatorSsoNameFilter() {
     };
     const externalToggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onExternalToggle, innerRef: toggleRef, isExpanded: isExternalOpen, isFullWidth: true },
         React.createElement(TextInputGroup, { isPlain: true },
-            React.createElement(TextInputGroupMain, { value: externalQuery, onClick: onExternalToggle, onKeyDown: onInputKeyDown, placeholder: getDropdownBtnPlaceholder(t('Search for a name'), selectedExternalContacts.map((i) => i.label), ' ', filteredOptions.length + dropdownHeader.length, t('All contacts')), onChange: onExternalQueryChange, isExpanded: isExternalOpen, innerRef: externalInputRef }),
+            React.createElement(TextInputGroupMain, { value: externalQuery, onClick: onExternalToggle, onKeyDown: onInputKeyDown, placeholder: getDropdownBtnPlaceholder(t('Search for a name'), selectedExternalContacts.map((i) => i.label), ' ', filteredOptions.length + dropdownHeader.length, t('All contacts')), onChange: onExternalQueryChange, isExpanded: isExternalOpen, innerRef: externalInputRef, "aria-controls": "external-ssousername-filter", role: "combobox" }),
             React.createElement(TextInputGroupUtilities, null, !isEmpty(externalQuery) && (React.createElement(Button, { variant: "plain", onClick: () => setExternalQuery(''), isDisabled: isFetchingExternalContacts, "aria-label": t('Clear') }, isFetchingExternalContacts ? (React.createElement(LoadingIndicator, { show: true, size: "sm" })) : (React.createElement(TimesCircleIcon, { "aria-hidden": true }))))))));
     return (React.createElement("div", null,
         React.createElement("label", { htmlFor: "case-list-username-filter" },

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;AAwB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAOxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,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;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA0jB1C"}
+{"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,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA6BlC,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;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAujB1C"}

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

@@ -1,12 +1,13 @@
 import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, PaginationVariant, Spinner, } from '@patternfly/react-core';
 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 { TableColumnSelector, TableComponent, TablePagination } from '@rh-support/components';
-import { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
+import { TableComponent, TablePagination } from '@rh-support/components';
+import { GlobalMetadataDispatchContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
 import { formatDate, scrollIntoView, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import find from 'lodash/find';
 import flatMap from 'lodash/flatMap';
 import includes from 'lodash/includes';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -18,6 +19,7 @@ import { clearFilters, resetFilterToDefaultState, updatePagination, updateSort,
 import CloseCaseBtn from './CloseCaseBtn';
 import { ExportCaseListCSV } from './ExportCaseListCSV';
 import SeverityLabel from './SeverityLabel';
+import { TableColumnSelector } from './table-column-selector/TableColumnSelector';
 // initially selected columns
 const initialSelectedColumns = [
     CaseListColumnIds.caseId,
@@ -48,16 +50,13 @@ export function CaseListTable(props) {
     const [activeSortIndex, setActiveSortIndex] = useState();
     const [activeSortDirection, setActiveSortDirection] = useState();
     const [sortedCaseListData, setSortedCaseListData] = useState(caseListData);
-    const { globalMetadataState: { navBarRef, hydraUserPreferences }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef, hydraUserPreferences, loggedInUserRights }, } = useGlobalStateContext();
     const dispatch = useContext(CaseListFilterDispatchContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { filterInfo } = useContext(CaseListFilterStateContext);
+    const { filterInfo, filterQueryInfo } = useContext(CaseListFilterStateContext);
     const currentFilterLength = flatMap(filterInfo).length;
     const showingFilter = currentFilterLength > 0;
-    const filterState = useContext(CaseListFilterStateContext);
-    const { filterQueryInfo } = filterState;
     const hasSearchQuery = !((filterQueryInfo === null || filterQueryInfo === void 0 ? void 0 : filterQueryInfo.queryString) === '');
-    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const isInternal = loggedInUserRights.data.isInternal();
     const tableToolbarRef = useRef(null);
     const columns = [
@@ -143,10 +142,11 @@ export function CaseListTable(props) {
     const selectAllRows = () => {
         !isEqual(selectedCases, allRows) ? setSelectedCases(allRows) : setSelectedCases([]);
     };
+    const savedSelectedColumnsKey = UserPreferencesKeys.caseListSelectedColumns;
+    const savedSelectedColumns = find(hydraUserPreferences === null || hydraUserPreferences === void 0 ? void 0 : hydraUserPreferences.data, (pref) => pref.key === savedSelectedColumnsKey);
+    const cachedColumns = (!isUndefined(savedSelectedColumns) && JSON.parse(savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value)) || initialSelectedColumns;
     const getSelectedColumnsListFromCache = () => {
-        const savedSelectedColumnsKey = UserPreferencesKeys.caseListSelectedColumns;
-        const savedSelectedColumns = find(hydraUserPreferences.data, (pref) => pref.key === savedSelectedColumnsKey);
-        (savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value) && setSelectedColumns(JSON.parse(savedSelectedColumns.value));
+        (savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value) && setSelectedColumns(cachedColumns);
     };
     const onColumnSelectorChange = (selectedColumnsList) => {
         setSelectedColumns(selectedColumnsList);
@@ -278,7 +278,7 @@ export function CaseListTable(props) {
         return (group === null || group === void 0 ? void 0 : group.name) || '';
     };
     const localRows = [
-        ...caseListData.map((row, index) => ({
+        ...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,
@@ -302,7 +302,7 @@ export function CaseListTable(props) {
     useEffect(() => {
         var _a;
         setSelectedCases([]);
-        setSortedCaseListData((_a = props.caseList) === null || _a === void 0 ? void 0 : _a.docs);
+        !isEmpty(localRows) ? setSortedCaseListData(localRows) : setSortedCaseListData((_a = props.caseList) === null || _a === void 0 ? void 0 : _a.docs);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.caseList]);
     useEffect(() => {
@@ -316,7 +316,7 @@ export function CaseListTable(props) {
                 direction: activeSortDirection,
                 column: visibleCaseListColumns[activeSortIndex].id,
             });
-            sortedRows = localRows.sort((a, b) => {
+            sortedRows = localRows === null || localRows === void 0 ? void 0 : localRows.sort((a, b) => {
                 const aValue = getSortableRowValues(a)[activeSortIndex];
                 const bValue = getSortableRowValues(b)[activeSortIndex];
                 if (typeof aValue === 'number') {
@@ -342,7 +342,7 @@ export function CaseListTable(props) {
         React.createElement(TableComponent, { columns: columns, data: caseListData, selectedColumns: selectedColumns },
             React.createElement("div", { className: "case-list-table-toolbar pf-v5-l-flex", ref: tableToolbarRef },
                 React.createElement("div", { className: "toolbar-actions pf-v5-l-flex pf-m-space-items-sm" },
-                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange }),
+                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: cachedColumns }),
                     React.createElement(ExportCaseListCSV, { currentFilteredCaseList: props.caseList, isExportCsvDisabled: props.isSolrDown, selectedCases: selectedCases }),
                     React.createElement(CloseCaseBtn, { selectedCases: selectedCases, caseList: caseListData, onCasesCloseSuccess: onCasesCloseSuccess })),
                 React.createElement("span", { className: "toolbar-pagination" },
@@ -393,6 +393,6 @@ export function CaseListTable(props) {
                                 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 : ''))))))),
-            caseListData.length > 9 && (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() }))))));
+            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() })))));
 }

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

@@ -26,7 +26,7 @@ const csvHeadersSolr = [
         label: 'Case link',
         key: 'case_link',
     },
-    { label: 'Summary', key: SolrKeys.caseSummary },
+    { label: 'Problem description', key: SolrKeys.caseSummary },
 ];
 const csvHeadersSFDC = [
     { label: 'Case number', key: SFDCKeys.caseNumber },
@@ -34,7 +34,7 @@ const csvHeadersSFDC = [
         label: 'Case link',
         key: 'case_link',
     },
-    { label: 'Summary', key: SFDCKeys.caseSummary },
+    { label: 'Problem description', key: SFDCKeys.caseSummary },
 ];
 export default function DownloadCSVFileModal(props) {
     const { onClose, onModalshow, isDisabled, loggedInUserRights, loggedInUsersAccount, filterState, selectedCases, filteredCaseCount, } = props;

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

@@ -0,0 +1,9 @@
+import './TableColumnSelector.scss';
+import React from 'react';
+interface IProps {
+    onColumnSelectorChange: (columns: string[]) => void;
+    cachedColumns: string[] | [];
+}
+export declare function TableColumnSelector({ onColumnSelectorChange, cachedColumns }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TableColumnSelector.d.ts.map

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

@@ -0,0 +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,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAuHpF"}

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

@@ -0,0 +1,67 @@
+import './TableColumnSelector.scss';
+import { Checkbox, Dropdown, DropdownList, Grid, GridItem, MenuToggle, } from '@patternfly/react-core';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
+    const { t } = useTranslation();
+    const [isOpen, setIsOpen] = useState(false);
+    const [checkboxes, setCheckboxes] = useState({
+        contactName: false,
+        lastModifiedDate: false,
+        severity: false,
+        status: false,
+        createdDate: false,
+        product: false,
+        accountNumber: false,
+        alternateCaseId: false,
+        type: false,
+        closedDate: false,
+        folderName: false,
+    });
+    const handleCheckboxChange = (key) => {
+        setCheckboxes((prevCheckboxes) => (Object.assign(Object.assign({}, prevCheckboxes), { [key]: !prevCheckboxes[key] })));
+    };
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const caseListColumnHeaderOne = [
+        { label: 'Owner', key: 'contactName' },
+        { label: 'Severity', key: 'severity' },
+        { label: 'Created by', key: 'createdDate' },
+        { label: 'Account number', key: 'accountNumber' },
+        { label: 'Support type', key: 'type' },
+        { label: 'Group', key: 'folderName' },
+    ];
+    const caseListColumnHeaderTwo = [
+        { label: 'Modified by', key: 'lastModifiedDate' },
+        { label: 'Status', key: 'status' },
+        { label: 'Product and version', key: 'product' },
+        { label: 'Personal reference number', key: 'alternateCaseId' },
+        { label: 'Closed date', key: 'closedDate' },
+    ];
+    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: t(field.label), isChecked: checkboxes[field.key], onChange: () => {
+                handleCheckboxChange(field.key);
+            }, id: field.key, name: field.key })));
+    };
+    useEffect(() => {
+        const selectedColumns = Object.keys(checkboxes).filter((key) => checkboxes[key]);
+        onColumnSelectorChange(selectedColumns);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [checkboxes]);
+    useEffect(() => {
+        cachedColumns === null || cachedColumns === void 0 ? void 0 : cachedColumns.forEach((key) => {
+            setCheckboxes((prevCheckboxes) => (Object.assign(Object.assign({}, prevCheckboxes), { [key]: true })));
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React.createElement(Dropdown, { isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen }, "Columns")), shouldFocusToggleOnSelect: true, id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", className: "column-selector" },
+        React.createElement(DropdownList, null,
+            React.createElement(Grid, { hasGutter: true },
+                React.createElement(GridItem, { span: 6 },
+                    React.createElement(Checkbox, { className: "case-column-selector", label: t('Case ID'), defaultChecked: true, isDisabled: true, id: "case-id-check", name: "caseIDCheck" }),
+                    generateCheckboxes(caseListColumnHeaderOne)),
+                React.createElement(GridItem, { span: 6 },
+                    React.createElement(Checkbox, { className: "case-column-selector", label: t('Problem description'), defaultChecked: true, isDisabled: true, id: "problem-description-check", name: "problemDescriptionCheck" }),
+                    generateCheckboxes(caseListColumnHeaderTwo))))));
+}

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

@@ -0,0 +1,7 @@
+#case-list-table-column-dropdown {
+    z-index: 9 !important;
+}
+
+.case-column-selector {
+    margin: 15px 4px 0px 18px !important;
+}

package/lib/esm/components/case-list/case-search/useAdvanceSearchParser.js

@@ -101,7 +101,7 @@ export default function useAdvanceSearchParser({ onInit }) {
     / "createdDate" {return "${SolrKeys.createdDate}";}
     / "closedDate" {return "${SolrKeys.caseClosedDate}";}
     / "description" {return "${SolrKeys.description}";}
-    / "summary" {return "${SolrKeys.caseSummary}";}
+    / "ProblemDescription" {return "${SolrKeys.caseSummary}";}
     / "lastModifiedDate" {return "${SolrKeys.modifiedDate}";}
     / "lastModifiedByName" {return "${SolrKeys.modifiedBy}";}
     / "ownerName" {return "${SolrKeys.contactName}";}

package/lib/esm/utils/constants.js

@@ -5,7 +5,7 @@ export const filterNamesMap = {
     [SolrKeys.severity]: 'Severity',
     [SolrKeys.group]: 'Groups',
     [SolrKeys.accountNumber]: 'Bookmarks',
-    [SolrKeys.caseSummary]: 'Summary',
+    [SolrKeys.caseSummary]: 'Problem description',
     [SolrKeys.escalation]: 'Escalated',
     [SolrKeys.contactName]: 'Owner',
     [SolrKeys.product]: 'Products',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.1.62",
+    "version": "2.1.64",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -43,11 +43,11 @@
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-table": "5.1.1",
-        "@rh-support/components": "2.1.47",
-        "@rh-support/react-context": "2.1.53",
+        "@rh-support/components": "2.1.49",
+        "@rh-support/react-context": "2.1.55",
         "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.34",
-        "@rh-support/utils": "2.1.24",
+        "@rh-support/user-permissions": "2.1.36",
+        "@rh-support/utils": "2.1.26",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "e7d64b82aee41aebd5b984495eb33be7e3b878a3"
+    "gitHead": "860400c585c5440fafa0bdeeeed2bfbbf6e0fbd6"
 }