@rh-support/cases 2.1.63 → 2.1.64

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;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;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,qBAmjB1C"}
+{"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,7 +1,7 @@
 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 { 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';
@@ -19,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,
@@ -141,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);
@@ -340,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" },

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.63",
+    "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.48",
-        "@rh-support/react-context": "2.1.54",
+        "@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.35",
-        "@rh-support/utils": "2.1.25",
+        "@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": "e26b6df63ea1cab3872f1679464f4caf5e5a1056"
+    "gitHead": "860400c585c5440fafa0bdeeeed2bfbbf6e0fbd6"
 }