@rh-support/cases 2.6.219 → 2.6.227

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

@@ -1,9 +1,9 @@
-import { Alert, AlertVariant, Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, Spinner, } from '@patternfly/react-core';
+import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, 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 { TableComponent } from '@rh-support/components';
+import { TableComponent, TablePagination } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
-import { dtmTrackEventCaseStepEncountered, formatDate, mapSfdcStatusToPortalStatus, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, formatDate, scrollIntoView, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import find from 'lodash/find';
 import flatMap from 'lodash/flatMap';
 import includes from 'lodash/includes';
@@ -15,8 +15,7 @@ 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 { clearFilters, resetFilterToDefaultState, updatePagination, updateSort, } from '../CaseListFilterReducer';
 import SeverityLabel from './SeverityLabel';
 import { TableColumnSelector } from './table-column-selector/TableColumnSelector';
 import { TableActionsDropdown } from './TableActionsDropdown';
@@ -28,7 +27,6 @@ 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.';
@@ -38,7 +36,7 @@ const EMPTY_STATE_NO_FILTERS_ERROR = (React.createElement(React.Fragment, null,
     React.createElement("a", { href: "https://status.redhat.com/", target: "_blank", rel: "noopener noreferrer" }, "status page"),
     "to see if there are any known issues"));
 export function CaseListTable(props) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const [selectedColumns, setSelectedColumns] = useState([]);
     const { t } = useTranslation();
     const [selectedCases, setSelectedCases] = useState([]);
@@ -51,10 +49,10 @@ export function CaseListTable(props) {
     const [activeSortIndex, setActiveSortIndex] = useState();
     const [activeSortDirection, setActiveSortDirection] = useState();
     const [sortedCaseListData, setSortedCaseListData] = useState(caseListData);
-    const { globalMetadataState: { hydraUserPreferences, loggedInUserRights }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef, hydraUserPreferences, loggedInUserRights }, } = useGlobalStateContext();
     const dispatch = useContext(CaseListFilterDispatchContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { filterInfo, filterQueryInfo, paginationInfo } = useContext(CaseListFilterStateContext);
+    const { filterInfo, filterQueryInfo } = useContext(CaseListFilterStateContext);
     const currentFilterLength = flatMap(filterInfo).length;
     const showingFilter = currentFilterLength > 0;
     const hasSearchQuery = !((filterQueryInfo === null || filterQueryInfo === void 0 ? void 0 : filterQueryInfo.queryString) === '');
@@ -137,11 +135,6 @@ 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);
@@ -162,6 +155,12 @@ export function CaseListTable(props) {
             console.error('Could not save selected columns in cache');
         }
     };
+    const onPerPageSelect = (paginationInfo) => {
+        updatePagination(dispatch, paginationInfo);
+    };
+    const onSetPage = (paginationInfo) => {
+        updatePagination(dispatch, paginationInfo);
+    };
     const onRowClick = (ev, row) => {
         // we dont want to call onRowClick if user changes the checkbox value
         if (ev.target.tagName === 'INPUT') {
@@ -213,18 +212,22 @@ export function CaseListTable(props) {
                 React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
                     React.createElement(Spinner, { size: "xl" }))))));
     const onCasesCloseSuccess = () => {
-        props.onCasesCloseSuccess && props.onCasesCloseSuccess();
+        resetFilterToDefaultState(dispatch);
     };
     const getItemCount = () => {
         var _a, _b;
         if (props.isCaseListPageLoading)
             return 0;
         let paginationCount = (_b = (_a = props.caseList) === null || _a === void 0 ? void 0 : _a.numFound) !== null && _b !== void 0 ? _b : 0;
-        // Salesforce has a limit of 4000 cases per page
-        // So we need to limit the number of cases returned to 4000
-        paginationCount = paginationCount > 4000 ? 4000 : paginationCount;
+        // solr return 400 if we fetch the elements after 10000 limit
+        // so we need to restrict the user from FE too
+        paginationCount = paginationCount > 10000 ? 10000 : paginationCount;
         return paginationCount;
     };
+    const onBottomPaginationSetPage = (paginationInfo) => {
+        onSetPage(paginationInfo);
+        scrollIntoView(tableToolbarRef, { navBarRef, timeout: 0, onlyIfNotInViewport: true, offset: 30 });
+    };
     const getSortableRowValues = (row) => {
         const { case_number, case_summary, case_contactName, case_lastModifiedDate, case_severity, case_status, case_createdDate, case_accountNumber, case_alternate_id, case_type, case_closedDate, case_folderName, case_lastModifiedByName, case_createdByName, case_version, id, case_customer_escalation, case_product, } = row;
         return [
@@ -267,32 +270,28 @@ 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) => {
-            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 : [],
-            });
-        }),
+        ...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: 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,
+        })),
     ];
     useEffect(() => {
         var _a;
@@ -350,15 +349,8 @@ export function CaseListTable(props) {
                 React.createElement("div", { className: "toolbar-actions pf-v6-l-flex" },
                     React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns }),
                     React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList })),
-                !props.isCaseListPageLoading && caseListData.length > 0 && (React.createElement("span", { className: "case-count-indicator" },
-                    React.createElement("strong", null, caseListData.length),
-                    " ",
-                    React.createElement(Trans, null, "of"),
-                    ' ',
-                    React.createElement("strong", null,
-                        getItemCount(),
-                        " ",
-                        React.createElement(Trans, null, "loaded"))))),
+                React.createElement("span", { className: "toolbar-pagination" },
+                    React.createElement(TablePagination, { perPage: (_c = props.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize, currentPage: (_d = props.paginationInfo) === null || _d === void 0 ? void 0 : _d.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onSetPage, variant: PaginationVariant.top, itemCount: getItemCount() }))),
             React.createElement("div", { className: "pf-v6-c-scroll-inner-wrapper" },
                 React.createElement(Table, { variant: TableVariant.compact, "aria-label": "case-list", className: "case-list-table" },
                     React.createElement(Thead, null,
@@ -375,13 +367,14 @@ 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(Tbody, null, !props.isCaseListPageLoading && (caseListData || []).length < 1
+                        ? noResultFoundRow
+                        : props.isCaseListPageLoading
+                            ? loadingRowDefault
+                            : sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 : sortedCaseListData.map((row, index) => (React.createElement(Tr, { onRowClick: (event) => (onRowClick ? onRowClick(event, row) : ''), key: row === null || row === void 0 ? void 0 : row.case_number },
                                 React.createElement(Td, { className: "pf-v6-u-pl-md", select: {
-                                        rowIndex: rowIndex,
-                                        onSelect: (_event, _idx) => onRowSelect(_event, row === null || row === void 0 ? void 0 : row.case_number),
+                                        rowIndex: index,
+                                        onSelect: (_event, index) => onRowSelect(_event, row === null || row === void 0 ? void 0 : row.case_number),
                                         isSelected: selectedCases.includes(row === null || row === void 0 ? void 0 : row.case_number),
                                     } }),
                                 React.createElement(Td, { dataLabel: "Case ID", id: row.case_number, scope: "row" },
@@ -408,33 +401,7 @@ export function CaseListTable(props) {
                                 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" }))))))))))),
-            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" }),
-                        React.createElement("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })) },
-                    React.createElement(Trans, null, "try loading again")))),
-            props.loadMoreError && props.loadMoreRetryCount > 1 && (React.createElement("div", { className: "infinite-scroll-footer-message" },
-                React.createElement(Alert, { className: "infinite-scroll-alert pf-v6-u-font-weight-bold", variant: AlertVariant.danger, isInline: true, isPlain: true, title: React.createElement("span", null,
-                        React.createElement(Trans, null, "We're having trouble loading your cases. Please refresh or"),
-                        ' ',
-                        React.createElement(Button, { variant: "link", isInline: true, onClick: props.onRetryLoadMore },
-                            React.createElement(Trans, null, "try again")),
-                        ".") }))),
-            !props.hasNextPage &&
-                !props.isLoadingMore &&
-                !props.loadMoreError &&
-                caseListData.length > 0 &&
-                getItemCount() > ((paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.pageSize) || 10) && (React.createElement("div", { className: "infinite-scroll-footer-message infinite-scroll-footer-text pf-v6-u-font-weight-bold pf-v6-u-color-200" },
-                React.createElement(Trans, null, "No more cases to load"))))));
+                                React.createElement(Td, { className: !isColumnVisible('folderName') ? Visibility.hidden : '', "data-label": "Group" }, row.case_folderName ? row.case_folderName : ''))))))),
+            React.createElement("footer", { className: "toolbar-pagination", "data-tracking-id": "case-list-table-pagination" },
+                React.createElement(TablePagination, { perPage: (_e = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _e === void 0 ? void 0 : _e.pageSize, currentPage: (_f = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _f === void 0 ? void 0 : _f.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onBottomPaginationSetPage, variant: PaginationVariant.bottom, itemCount: getItemCount() })))));
 }

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

@@ -1,10 +1,15 @@
 import './DownloadCSVFileModal.scss';
+import { IAccount } from '@cee-eng/hydrajs/@types/models/account';
+import { IApiResponseDetails } from '@rh-support/types/shared';
+import { UserAuth } from '@rh-support/user-permissions';
 import React from 'react';
 import { ICaseListFilterState } from '../CaseListFilterReducer';
 interface IProps {
     isDisabled?: boolean;
     onModalshow: boolean;
     onClose: () => void;
+    loggedInUserRights: IApiResponseDetails<UserAuth>;
+    loggedInUsersAccount: IApiResponseDetails<Partial<IAccount>>;
     filterState: ICaseListFilterState;
     selectedCases: string[];
     filteredCaseCount: number;

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,qBA4XzD"}
+{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAqBlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,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,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,oBAAoB,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,WAAW,EAAE,oBAAoB,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAoBD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA4ZzD"}

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

@@ -8,19 +8,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import './DownloadCSVFileModal.scss';
-import { useApolloClient } from '@apollo/client/react';
+import { publicApi } from '@cee-eng/hydrajs';
 import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, Spinner, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
-import { ToastNotification } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { downloadCSV, formatDateTime, mapSfdcStatusToPortalStatus, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import { downloadCSV, formatDateTime, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import { isEmpty } from 'lodash';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { SolrKeys } from '../../../enums/filters';
-import { getCaseListFromGraphQL } from '../../../utils/caseListGraphQLUtils';
-const csvHeaders = [
+import { SFDCKeys, SolrKeys } from '../../../enums/filters';
+import { getCaseListFromSolr } from '../../../utils/caseListUtils';
+import { createQueryForCSVDownload } from '../../../utils/caseSearchUtils';
+const csvHeadersSolr = [
     { label: 'Case number', key: SolrKeys.caseNumber },
     {
         label: 'Case link',
@@ -28,14 +28,20 @@ const csvHeaders = [
     },
     { label: 'Title', key: SolrKeys.caseSummary },
 ];
+const csvHeadersSFDC = [
+    { label: 'Case number', key: SFDCKeys.caseNumber },
+    {
+        label: 'Case link',
+        key: 'case_link',
+    },
+    { label: 'Title', key: SFDCKeys.caseSummary },
+];
 export default function DownloadCSVFileModal(props) {
-    const { onClose, onModalshow, isDisabled, filterState, selectedCases, filteredCaseCount } = props;
+    const { onClose, onModalshow, isDisabled, loggedInUserRights, loggedInUsersAccount, filterState, selectedCases, filteredCaseCount, } = props;
     const { t } = useTranslation();
-    const apolloClient = useApolloClient();
-    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const includeSecureSupportCases = Boolean(loggedInUsersAccount.data.secureSupport);
-    const [isFetching, setIsFetching] = useState(false);
+    const { isFetching, request } = useFetch(getCaseListFromSolr, { propgateErrors: true });
     const [downloadCSVFileName, setDownloadCSVFileName] = useState('CaseList.csv');
+    const [isFetchingSFDC, setIsFetchingSFDC] = useState(false);
     const [checkboxes, setCheckboxes] = useState({
         selectAll: false,
         ownerName: false,
@@ -49,96 +55,89 @@ export default function DownloadCSVFileModal(props) {
         type: false,
         caseClosedDate: false,
         group: false,
-        caseLabel: false,
     });
     const [isSaveClicked, setIsSavedClicked] = useState(false);
-    function getKey(key) {
-        return SolrKeys[key];
+    function getKey(key, isSecureSupport) {
+        return isSecureSupport ? SFDCKeys[key] : SolrKeys[key];
     }
+    const isSecureSupportUser = loggedInUsersAccount.data.secureSupport;
     const headerDefinitions = useMemo(() => [
         {
             checkbox: checkboxes.ownerName,
-            key: getKey('ownerName'),
+            key: getKey('ownerName', isSecureSupportUser),
             label: 'Owner name',
         },
         {
             checkbox: checkboxes.severity,
-            key: getKey('severity'),
+            key: getKey('severity', isSecureSupportUser),
             label: 'Severity',
         },
         {
             checkbox: checkboxes.createdBy,
-            key: getKey('createdBy'),
+            key: getKey('createdBy', isSecureSupportUser),
             label: 'Created by',
         },
         {
             checkbox: checkboxes.createdBy,
-            key: getKey('createdDate'),
+            key: getKey('createdDate', isSecureSupportUser),
             label: 'Created date',
             transform: formatDateTime,
         },
         {
             checkbox: checkboxes.accountNumber,
-            key: getKey('accountNumber'),
+            key: getKey('accountNumber', isSecureSupportUser),
             label: 'Account number',
         },
         {
             checkbox: checkboxes.type,
-            key: getKey('type'),
+            key: getKey(isSecureSupportUser ? 'caseType' : 'type', isSecureSupportUser),
             label: 'Support type',
         },
         {
             checkbox: checkboxes.modifiedBy,
-            key: getKey('modifiedBy'),
+            key: getKey('modifiedBy', isSecureSupportUser),
             label: 'Modified by',
         },
         {
             checkbox: checkboxes.modifiedBy,
-            key: getKey('modifiedDate'),
+            key: getKey('modifiedDate', isSecureSupportUser),
             label: 'Modified date',
             transform: formatDateTime,
         },
         {
             checkbox: checkboxes.status,
-            key: getKey('status'),
+            key: getKey('status', isSecureSupportUser),
             label: 'Status',
-            transform: mapSfdcStatusToPortalStatus,
         },
         {
             checkbox: checkboxes.productVersion,
-            key: getKey('product'),
+            key: getKey('product', isSecureSupportUser),
             label: 'Product',
         },
         {
             checkbox: checkboxes.productVersion,
-            key: getKey('version'),
+            key: getKey('version', isSecureSupportUser),
             label: 'Version',
         },
         {
             checkbox: checkboxes.alternateId,
-            key: getKey('alternateId'),
+            key: getKey('alternateId', isSecureSupportUser),
             label: 'Alternate ID',
         },
         {
             checkbox: checkboxes.caseClosedDate,
-            key: getKey('caseClosedDate'),
+            key: getKey('caseClosedDate', isSecureSupportUser),
             label: 'Closed date',
             transform: formatDateTime,
         },
         {
             checkbox: checkboxes.group,
-            key: getKey('groupName'),
+            key: getKey('groupName', isSecureSupportUser),
             label: 'Group',
         },
-        {
-            checkbox: checkboxes.caseLabel,
-            key: getKey('caseLabel'),
-            label: 'Case labels',
-            transform: (labels) => (Array.isArray(labels) ? labels.join(', ') : labels || ''),
-        },
-    ], [checkboxes]);
+    ], [checkboxes, isSecureSupportUser]);
     const getHeaders = () => {
-        const updatedCsvHeaders = [...csvHeaders];
+        const updatedCsvHeaders = isSecureSupportUser ? csvHeadersSFDC : csvHeadersSolr;
         headerDefinitions.forEach((headerDefinition) => {
             const { checkbox, key, label, transform } = headerDefinition;
             const index = updatedCsvHeaders.findIndex((header) => header.key === key);
@@ -155,8 +154,9 @@ export default function DownloadCSVFileModal(props) {
         });
         return updatedCsvHeaders;
     };
-    const isFetchingCSVData = isFetching;
-    const splitExtensionName = downloadCSVFileName.split('.')[0].replace(/ +/g, '');
+    const isFetchingCSVData = isFetching || isFetchingSFDC;
+    const partnerSearch = loggedInUserRights.data.hasManagedAccounts();
+    const splitExtensionName = downloadCSVFileName.split('.')[0].replace(/ +/g, ''); // To split and trim value before saving PDF
     const onCancel = () => {
         onClose && onClose();
         setIsSavedClicked(false);
@@ -173,16 +173,15 @@ export default function DownloadCSVFileModal(props) {
     };
     const checkboxValues = Object.values(checkboxes).slice(1); // as we don't want selectAll value
     const allCheckBoxNotSelected = checkboxValues.includes(false);
+    // For SOLR
     const onExportCSVClick = () => __awaiter(this, void 0, void 0, function* () {
         try {
             setIsSavedClicked(true);
             if (!isEmpty(splitExtensionName)) {
-                setIsFetching(true);
-                const hasSelectedCases = selectedCases.length > 0;
-                const csvLimit = hasSelectedCases ? selectedCases.length : 1000;
-                const result = yield getCaseListFromGraphQL(filterState, apolloClient, csvLimit, undefined, hasSelectedCases ? selectedCases : undefined, includeSecureSupportCases);
-                setIsFetching(false);
-                const updatedCsvData = result.caseListResponse.response.docs.map((row) => (Object.assign(Object.assign({}, row), { case_type: toNewCaseTypeSwitcher(row.case_type), case_link: `https://${window.location.host}${window.location.pathname}/#/case/${row.case_number}` })));
+                const query = createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data, selectedCases);
+                const res = yield request(query, partnerSearch, null, isSecureSupportUser);
+                // To map the values in csv to new support type
+                const updatedCsvData = res.response.docs.map((row) => (Object.assign(Object.assign({}, row), { case_type: toNewCaseTypeSwitcher(row.case_type), case_link: `https://${window.location.host}${window.location.pathname}/#/case/${row.case_number}` })));
                 downloadCSV(updatedCsvData, getHeaders(), splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
                 onCancel();
                 ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
@@ -190,11 +189,33 @@ export default function DownloadCSVFileModal(props) {
             }
         }
         catch (e) {
-            setIsFetching(false);
             onCancel();
             ToastNotification.addDangerMessage(t('File could not be downloaded. Please try again!  '));
         }
     });
+    // For SFDC
+    const onExportCSVClickSecureSupport = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setIsSavedClicked(true);
+            if (!isEmpty(splitExtensionName)) {
+                const sfdcFilter = createQueryForCSVDownload(filterState, loggedInUserRights.data, loggedInUsersAccount.data, selectedCases);
+                setIsFetchingSFDC(true);
+                const sfdcResponse = yield publicApi.caseList.getCaseListFromSFDC(sfdcFilter, false, true);
+                setIsFetchingSFDC(false);
+                // To map the values in csv to new support type
+                const updatedCsvData = sfdcResponse.cases.map((row) => (Object.assign(Object.assign({}, row), { caseType: toNewCaseTypeSwitcher(row.caseType), case_link: `https://${window.location.host}${window.location.pathname}/#/case/${row.caseNumber}` })));
+                downloadCSV(updatedCsvData, getHeaders(), splitExtensionName ? `${splitExtensionName}.csv` : 'CaseList.csv');
+                onCancel();
+                ToastNotification.addSuccessMessage(t('File downloaded successfully!'));
+                setIsSavedClicked(false);
+            }
+        }
+        catch (e) {
+            setIsFetchingSFDC(false);
+            onCancel();
+            ToastNotification.addDangerMessage(t('Could not export CSV'));
+        }
+    });
     const handleSelectAll = () => {
         const newSelectAllState = !checkboxes.selectAll;
         const updatedCheckboxes = {
@@ -209,7 +230,6 @@ export default function DownloadCSVFileModal(props) {
             type: newSelectAllState,
             caseClosedDate: newSelectAllState,
             group: newSelectAllState,
-            caseLabel: newSelectAllState,
         };
         setCheckboxes((prevCheckboxes) => (Object.assign({ selectAll: !prevCheckboxes.selectAll }, updatedCheckboxes)));
     };
@@ -227,7 +247,6 @@ 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: () => {
@@ -275,6 +294,6 @@ export default function DownloadCSVFileModal(props) {
             React.createElement("p", null, downloadCSVModalDescription(selectedCases.length || filteredCaseCount)),
             downloadCSVModalBody()),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md", "aria-label": "loading" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: onExportCSVClick, isDisabled: (isSaveClicked && isEmpty(splitExtensionName)) || isDisabled || isFetchingCSVData }, t('Download')),
+            React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md", "aria-label": "loading" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: isSecureSupportUser ? onExportCSVClickSecureSupport : onExportCSVClick, isDisabled: (isSaveClicked && isEmpty(splitExtensionName)) || isDisabled || isFetchingCSVData }, t('Download')),
             React.createElement(Button, { key: "back", variant: "secondary", onClick: onCancel, isDisabled: isDisabled || isFetchingCSVData, "data-tracking-id": "download-csv-modal-cancel" }, t('Cancel')))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/ExportCaseListCSV.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAI7D,UAAU,MAAM;IACZ,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAID,wBAAgB,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,aAAa,EAAE,mBAAmB,EAAE,EAAE,MAAM,qBAoDxG"}
+{"version":3,"file":"ExportCaseListCSV.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/ExportCaseListCSV.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAK7D,UAAU,MAAM;IACZ,uBAAuB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAID,wBAAgB,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,aAAa,EAAE,mBAAmB,EAAE,EAAE,MAAM,qBAqExG"}

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

@@ -1,6 +1,9 @@
-import { Button } from '@patternfly/react-core';
+import { Button, Spinner } from '@patternfly/react-core';
+import { useFetch } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { getCaseListFromSolr } from '../../../utils/caseListUtils';
 import { CaseListFilterStateContext } from '../CaseListFilterContext';
 import DownloadCSVFileModal from './DownloadCSVFileModal';
 const MAX_LIMIT = 1000;
@@ -10,10 +13,14 @@ export function ExportCaseListCSV({ currentFilteredCaseList, selectedCases, isEx
     const btnToolTip = t('Export the current list of cases to CSV. Please note that exporting a large number of cases may take a while.');
     const maxLengthTooltip = t('Export the current list of cases to CSV. Please note that only the top {{limit}} cases will be exported and that it may take awhile.', { limit: MAX_LIMIT });
     const currentFilteredCaseCount = (_a = currentFilteredCaseList === null || currentFilteredCaseList === void 0 ? void 0 : currentFilteredCaseList.numFound) !== null && _a !== void 0 ? _a : 0;
+    const { isFetching } = useFetch(getCaseListFromSolr, { propgateErrors: true });
     const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
-    const isBtnDisabled = currentFilteredCaseCount === 0;
+    const isFetchingCSVData = isFetching;
+    const isBtnDisabled = isFetchingCSVData || currentFilteredCaseCount === 0;
     let btnTitle = currentFilteredCaseCount >= MAX_LIMIT ? maxLengthTooltip : btnToolTip;
     const filterState = useContext(CaseListFilterStateContext);
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    // To show tooltip if export csv is disabled when SOLR is down
     const getTooltipContent = () => {
         let tooltipText = t('Export Cases');
         if (isExportCsvDisabled) {
@@ -21,12 +28,15 @@ export function ExportCaseListCSV({ currentFilteredCaseList, selectedCases, isEx
         }
         return tooltipText;
     };
+    // To check if export csv button is disabled
     const isExportButtonDisabled = isBtnDisabled || isExportCsvDisabled;
+    // To toggle download csv modal
     const toggleDownloadCSVModal = () => {
         setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
     };
     return (React.createElement("span", { title: (isExportCsvDisabled && getTooltipContent()) || '' },
-        React.createElement(Button, { variant: "tertiary", onClick: toggleDownloadCSVModal, title: btnTitle, "data-tracking-id": "case-list-toolbar-export-csv", isDisabled: isExportButtonDisabled },
-            React.createElement(Trans, null, "Export CSV")),
-        React.createElement(DownloadCSVFileModal, { filterState: filterState, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount })));
+        React.createElement(Button, { variant: "tertiary", onClick: toggleDownloadCSVModal, title: btnTitle, "data-tracking-id": "case-list-toolbar-export-csv", isDisabled: isExportButtonDisabled }, isFetchingCSVData ? (React.createElement(React.Fragment, null,
+            React.createElement(Trans, null, "Exporting CSV"),
+            React.createElement(Spinner, { size: "md", "aria-label": "loading", className: "export-csv-loader pf-v6-u-ml-xs" }))) : (React.createElement(Trans, null, "Export CSV"))),
+        React.createElement(DownloadCSVFileModal, { filterState: filterState, loggedInUserRights: loggedInUserRights, loggedInUsersAccount: loggedInUsersAccount, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount })));
 }

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

@@ -12,7 +12,7 @@ export default function SeverityLabel({ sevValue }) {
                 return 'danger';
             case '2 (High)':
                 return 'warning';
-            case '3 (Medium)':
+            case '3 (Normal)':
                 return 'info';
             case '4 (Low)':
                 return 'custom';

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

@@ -1 +1 @@
-{"version":3,"file":"TableActionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/TableActionsDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAgB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,qCAAqC,CAAC;AASlG,UAAU,MAAO,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoHjD"}
+{"version":3,"file":"TableActionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/TableActionsDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAgB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,qCAAqC,CAAC;AASlG,UAAU,MAAO,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0HjD"}

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

@@ -3,7 +3,7 @@ import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclama
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { SingleSelectDropdown } from '@rh-support/components';
-import { CloseCaseModal } from '@rh-support/react-context';
+import { CloseCaseModal, GlobalMetadataStateContext } from '@rh-support/react-context';
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCloseCase } from '../../../hooks/useCloseCase';
@@ -22,6 +22,7 @@ export function TableActionsDropdown(props) {
     const currentFilteredCaseCount = (_a = currentFilteredCaseList === null || currentFilteredCaseList === void 0 ? void 0 : currentFilteredCaseList.numFound) !== null && _a !== void 0 ? _a : 0;
     const filterState = useContext(CaseListFilterStateContext);
     const { isExportButtonDisabled, openUpdateSeverityModal, showError: showExportCSVError, getTooltipContent: getExportCSVTooltipContent, toggleDownloadCSVModal, } = useExportCaseListCSV(props);
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { isModalOpen, isPostingComment, showError, showWarning, getTooltipContent, onCancel, onConfirm, onBtnClick, } = useCloseCase(props);
     let closeCaseIconStatus = 'danger';
     if (showWarning) {
@@ -69,6 +70,6 @@ export function TableActionsDropdown(props) {
     };
     return (React.createElement(React.Fragment, null,
         isModalOpen && React.createElement(CloseCaseModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: !!isPostingComment }),
-        React.createElement(DownloadCSVFileModal, { filterState: filterState, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount }),
+        React.createElement(DownloadCSVFileModal, { filterState: filterState, loggedInUserRights: loggedInUserRights, loggedInUsersAccount: loggedInUsersAccount, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount }),
         React.createElement(SingleSelectDropdown, { hideToggleIcons: true, selected: { value: null, label: '' }, onSelect: onSelect, options: toolbarDropdownItems, id: "table-actions-dropdown", placeholder: t('Actions'), badge: React.createElement(Badge, null, selectedCases.length) })));
 }