@rh-support/cases 1.0.39 → 1.0.41-beta.32

package/lib/esm/components/case/NewCaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewCaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/case/NewCaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,eAmB1C"}
+{"version":3,"file":"NewCaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/case/NewCaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,eAyB1C"}

package/lib/esm/components/case/NewCaseButton.js

@@ -2,8 +2,9 @@ import { Button, ButtonVariant } from '@patternfly/react-core';
 import { useCanCreateCase } from '@rh-support/react-context';
 import { getStringifiedParams } from '@rh-support/utils';
 import React from 'react';
-import { Trans } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 export function NewCaseButton(props) {
+    const { t } = useTranslation();
     const canCreateCase = useCanCreateCase();
     const onNew = () => {
         if (canCreateCase.alert()) {
@@ -15,6 +16,6 @@ export function NewCaseButton(props) {
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { variant: ButtonVariant.tertiary, onClick: onNew, "data-tracking-id": "open-new-case" },
-            React.createElement(Trans, null, "Open a case"))));
+        React.createElement(Button, { variant: ButtonVariant.tertiary, onClick: onNew, "data-tracking-id": "get-support-new-case", "aria-label": t('Get support') },
+            React.createElement(Trans, null, "Get support"))));
 }

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

@@ -37,7 +37,7 @@ const isStatusFilterWithSFDCSupportedValues = ({ case_status = [] }) => {
     return statusLength !== 2 || (statusLength === 2 && !case_status.includes(CaseStatus.Closed));
 };
 // SFDC on most fields including case_status only accept one value
-// on case type field if 'closed' is selected then, we can have 2 filters selected
+// on support type field if 'closed' is selected then, we can have 2 filters selected
 // because closed in SFDC passes as a seperate param
 // if closed not selected then only one filter can be selected
 const isStatusFilterWithSFDCSupported = (filterKey, filterValue) => {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListFilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseListFilterChips.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,MAAM;IACZ,yBAAyB,EAAE,uBAAuB,EAAE,CAAC;IACrD,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6HhD"}
+{"version":3,"file":"CaseListFilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseListFilterChips.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,MAAM;IACZ,yBAAyB,EAAE,uBAAuB,EAAE,CAAC;IACrD,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA+HhD"}

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

@@ -1,4 +1,5 @@
 import { Button, Chip, ChipGroup } from '@patternfly/react-core';
+import { toNewCaseTypeMapper, toOldCaseTypeSwitcher } from '@rh-support/utils';
 import flatMap from 'lodash/flatMap';
 import remove from 'lodash/remove';
 import React, { useContext } from 'react';
@@ -19,7 +20,8 @@ export function CaseListFilterChips(props) {
         removeFilterItem(dispatch, { filterKey, value });
     };
     const getChipKey = (item) => {
-        return typeof item === 'string' ? item : item.key;
+        const newCaseTypeFilterItem = toOldCaseTypeSwitcher(item);
+        return typeof item === 'string' ? newCaseTypeFilterItem : item.key;
     };
     const getChipValue = (item) => {
         return typeof item === 'string' ? item : item.value;
@@ -34,6 +36,7 @@ export function CaseListFilterChips(props) {
         return filterChips;
     };
     const getChipGroupForFilter = (filterKey, filterValues, groupName = '') => {
+        const caseTypeFilter = filterKey === 'case_type' ? toNewCaseTypeMapper(filterValues) : filterValues;
         if (props.isSolrSearchDown && !visibleFilterChipsWhenSolrDownSfdcUp.includes(filterKey)) {
             return React.createElement(React.Fragment, null);
         }
@@ -41,7 +44,7 @@ export function CaseListFilterChips(props) {
             return (React.createElement("div", { className: "filter-chip", key: `${filterKey}-bookmarks-${groupName}` },
                 React.createElement("span", { className: "filter-chip__heading" },
                     React.createElement(Trans, null, groupName || filterNamesMap[filterKey] || filterKey)),
-                React.createElement(ChipGroup, { numChips: 7, className: "pf-c-chip-group__simple" }, renderFilterValueChips(filterKey, filterValues, groupName))));
+                React.createElement(ChipGroup, { numChips: 7, className: "pf-c-chip-group__simple" }, renderFilterValueChips(filterKey, caseTypeFilter, groupName))));
         }
     };
     const renderAccountFilterChip = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"TypeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/TypeFilter.tsx"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACZ,YAAY,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAkDvC"}
+{"version":3,"file":"TypeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/TypeFilter.tsx"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACZ,YAAY,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAyDvC"}

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

@@ -1,5 +1,5 @@
 import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
-import { getDropdownBtnPlaceholder } from '@rh-support/utils';
+import { getDropdownBtnPlaceholder, toNewCaseTypeMapper, toOldCaseTypeSwitcher } from '@rh-support/utils';
 import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SolrKeys } from '../../../enums/filters';
@@ -13,16 +13,21 @@ export function TypeFilter(props) {
     const [isOpen, setIsOpen] = useState(false);
     const toggleIsOpen = (isExpanded) => setIsOpen(isExpanded);
     const onFilterChangeMultipleSelect = (event, selectedTypes) => {
-        const newState = filterInfo[SolrKeys.type].includes(selectedTypes)
-            ? filterInfo[SolrKeys.type].filter((item) => item !== selectedTypes)
-            : [...filterInfo[SolrKeys.type], selectedTypes];
+        // To convert the selected type to old case type
+        const convertedSelectedType = toOldCaseTypeSwitcher(selectedTypes);
+        const newState = filterInfo[SolrKeys.type].includes(convertedSelectedType)
+            ? filterInfo[SolrKeys.type].filter((item) => item !== convertedSelectedType)
+            : [...filterInfo[SolrKeys.type], convertedSelectedType];
         updateFilter(dispatch, {
             filterKey: SolrKeys.type,
             values: newState,
         });
     };
     const titleId = 'case-list-type-filter';
+    // To switch from old case type to new support type
+    const newCaseTypesArray = toNewCaseTypeMapper(props.allCaseTypes).sort();
+    const toNewCaseTypesFilter = toNewCaseTypeMapper(filterInfo[SolrKeys.type]);
     return (React.createElement("div", { className: "pf-c-select" },
         React.createElement("label", { htmlFor: titleId }, t(filterNamesMap[SolrKeys.type])),
-        React.createElement(Select, { id: titleId, variant: SelectVariant.checkbox, "aria-label": t('Select a case type'), onToggle: toggleIsOpen, onSelect: onFilterChangeMultipleSelect, selections: filterInfo[SolrKeys.type], isOpen: isOpen, placeholderText: getDropdownBtnPlaceholder(t('Select a case type'), filterInfo[SolrKeys.type], ' ', props.allCaseTypes.length, t('All selected')), isCheckboxSelectionBadgeHidden: true, "aria-labelledby": titleId, "data-tracking-id": "type-filter", hasPlaceholderStyle: true }, props.allCaseTypes.map((filterValue) => (React.createElement(SelectOption, { key: filterValue, value: filterValue }))))));
+        React.createElement(Select, { id: titleId, variant: SelectVariant.checkbox, "aria-label": t('Select a support type'), onToggle: toggleIsOpen, onSelect: onFilterChangeMultipleSelect, selections: toNewCaseTypesFilter, isOpen: isOpen, placeholderText: getDropdownBtnPlaceholder(t('Select a support type'), toNewCaseTypesFilter, ' ', props.allCaseTypes.length, t('All selected')), isCheckboxSelectionBadgeHidden: true, "aria-labelledby": titleId, "data-tracking-id": "type-filter", hasPlaceholderStyle: true }, newCaseTypesArray.map((filterValue) => (React.createElement(SelectOption, { key: filterValue, value: filterValue }))))));
 }

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

@@ -2,7 +2,7 @@ import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStat
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { PFTable, Table, TableColumnSelector, TablePagination, } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, useGlobalStateContext, UserPreferencesKeys, } from '@rh-support/react-context';
-import { formatDate, scrollIntoView } from '@rh-support/utils';
+import { formatDate, scrollIntoView, toNewCaseTypeSwitcher } from '@rh-support/utils';
 import find from 'lodash/find';
 import flatMap from 'lodash/flatMap';
 import get from 'lodash/get';
@@ -155,9 +155,9 @@ export function CaseListTable(props) {
         {
             id: CaseListColumnIds.type,
             cellWidth: 10,
-            title: t('Case type'),
+            title: t('Support type'),
             sortable: true,
-            accessor: (data) => data.case_type,
+            accessor: (data) => toNewCaseTypeSwitcher(data.case_type),
             show: isColumnVisible(CaseListColumnIds.type),
         },
         {

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

@@ -53,7 +53,7 @@ const csvHeadersSFDC = [
     { label: 'Modified date', key: SFDCKeys.lastPublicUpdateDate, transform: formatDateTime },
     { label: 'Uri', key: SFDCKeys.uri },
     { label: 'Alternate case ID', key: SFDCKeys.alternateId },
-    { label: 'Case type', key: SFDCKeys.caseType },
+    { label: 'Support type', key: SFDCKeys.caseType },
     { label: 'Closed date', key: SFDCKeys.caseClosedDate, transform: formatDateTime },
 ];
 const groupHeaderSOLR = { label: 'Group', key: SolrKeys.groupName };

package/lib/esm/css/caseList.css

@@ -483,104 +483,59 @@
     .case-list-table tbody > tr > :nth-child(2) {
         position: sticky;
         background-color: white;
-        left: 94px;
+        left: 87px;
         z-index: 1;
         background-clip: padding-box;
     }
 
-    /*  Issue Summary  */
-    .case-list-table tbody > tr > :nth-child(3) {
+    /*  Case ID Header */
+    th.pf-c-table__sort[data-label='Case ID'] {
         position: sticky;
         background-color: white;
-        left: 214px;
+        left: 87px;
         z-index: 1;
         background-clip: padding-box;
     }
 
-    /* Vertical border to divide sticky columns and other columns */
-    .case-list-table tbody > tr > :nth-child(3):after,
-    th.pf-c-table__sort[data-label='Issue summary']:before {
+    /* Vertical border to divide sticky columns and other columns*/
+    .case-list-table tbody > tr > :nth-child(2):before,
+    th.pf-c-table__sort[data-label='Case ID']:before {
         position: absolute;
         content: '';
         top: 0px;
-        left: 0px;
-        width: 100%;
+        right: 0px;
         height: 100%;
         border-right: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
     }
 
-    /*  Case ID Header */
-    th.pf-c-table__sort[data-label='Case ID'] {
-        min-width: 120px;
-        position: sticky;
-        background-color: white;
-        left: 94px;
-        z-index: 1;
-        background-clip: padding-box;
-    }
-
     /*  Issue Summary Header */
-    th.pf-c-table__sort[data-label='Issue summary'] {
+    th.pf-c-table__sort[data-label='Issue summary'],
+    .case-list-table tbody > tr > :nth-child(3) {
         min-width: 260px;
-        position: sticky;
-        background-color: white;
-        left: 214px;
-        z-index: 1;
-        background-clip: padding-box;
-    }
-
-    /*  Owner Header  */
-    th.pf-c-table__sort[data-label='Owner'] {
-        min-width: 120px;
     }
 
-    /*  Modified by Header  */
-    th.pf-c-table__sort[data-label='Modified by'] {
-        min-width: 150px;
-    }
-
-    /*  Severity Header  */
-    th.pf-c-table__sort[data-label='Severity'] {
-        min-width: 120px;
-    }
-
-    /*  Status Header  */
-    th.pf-c-table__sort[data-label='Status'] {
-        min-width: 120px;
-    }
-
-    /*  Created by Header  */
-    th.pf-c-table__sort[data-label='Created by'] {
-        min-width: 150px;
+    th.pf-c-table__sort[data-label='Owner'],
+    th.pf-c-table__sort[data-label='Status'],
+    th.pf-c-table__sort[data-label='Group'] {
+        min-width: 140px;
     }
 
-    /*  Product and version Header  */
-    th.pf-m-width-15[data-label='Product and version'] {
+    th.pf-c-table__sort[data-label='Severity'],
+    th.pf-c-table__sort[data-label='Case ID'] {
         min-width: 150px;
     }
 
-    /*  Account number Header  */
-    th.pf-c-table__sort[data-label='Account number'] {
-        min-width: 180px;
-    }
-
-    /*  Alternate case ID Header  */
+    th.pf-c-table__sort[data-label='Modified by'],
+    th.pf-c-table__sort[data-label='Created by'],
+    th.pf-m-width-15[data-label='Product and version'],
+    th.pf-c-table__sort[data-label='Account number'],
     th.pf-c-table__sort[data-label='Alternate case ID'] {
-        min-width: 180px;
-    }
-
-    /*  Case type Header  */
-    th.pf-c-table__sort[data-label='Case type'] {
-        min-width: 140px;
-    }
-
-    /*  Group Header    */
-    th.pf-c-table__sort[data-label='Group'] {
-        min-width: 120px;
+        min-width: 220px;
     }
 
     /*  Closed Date Header  */
-    th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'] {
-        min-width: 150px;
+    th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'],
+    th.pf-c-table__sort[data-label='Case type'] {
+        min-width: 200px;
     }
 }

package/lib/esm/enums/case.js

@@ -70,6 +70,6 @@ export const caseTableColumSortNamesMap = {
     [CaseListColumnIds.accountNumber]: 'Account number',
     [CaseListColumnIds.group]: 'Groups',
     [CaseListColumnIds.alternateCaseId]: 'Alternate case Id',
-    [CaseListColumnIds.type]: 'Case type',
+    [CaseListColumnIds.type]: 'Support type',
     [CaseListColumnIds.caseClosedDate]: 'Close date',
 };

package/lib/esm/utils/constants.js

@@ -17,7 +17,7 @@ export const filterNamesMap = {
     [SolrKeys.caseNumber]: 'Case number',
     [SolrKeys.createdBySsoUsername]: 'Created by me',
     [SolrKeys.caseContactSSO]: 'Owned by me',
-    [SolrKeys.type]: 'Case type',
+    [SolrKeys.type]: 'Support type',
     usernameFilterTitle: 'Username',
 };
 export const UpdatedCaseDataEvent = 'PCM-Next > case-list-data-background-refresh';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "1.0.39",
+    "version": "1.0.41-beta.32",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -51,11 +51,11 @@
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-table": "4.111.33",
-        "@rh-support/components": "1.2.21",
-        "@rh-support/react-context": "1.0.29",
-        "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.11",
-        "@rh-support/utils": "1.0.9",
+        "@rh-support/components": "1.2.22-beta.32",
+        "@rh-support/react-context": "1.0.30-beta.32",
+        "@rh-support/types": "0.2.1-beta.32",
+        "@rh-support/user-permissions": "1.0.12-beta.32",
+        "@rh-support/utils": "1.0.10-beta.32",
         "i18next": "^19.0.1",
         "localforage": "^1.7.3",
         "lodash": "^4.17.21",
@@ -99,5 +99,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "27c5a87e60c71c152e093c2f957c6e03a2cd96df"
+    "gitHead": "87be4349c6ce8c1dbebefcc96d2438b8d253afb7"
 }