@rh-support/cases 2.6.235 → 2.7.11

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

@@ -0,0 +1,178 @@
+import { MenuFooter, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import { getDropdownBtnPlaceholder } from '@rh-support/utils';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
+import isUndefined from 'lodash/isUndefined';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import { SolrKeys } from '../../../enums/filters';
+import { useCaseLabels } from '../../../hooks/useCaseLabels';
+import { filterNamesMap } from '../../../utils/constants';
+import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
+import { updateFilter } from '../CaseListFilterReducer';
+const EMPTY_LABELS = [];
+export function CaseLabelsFilter() {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { filterInfo } = useContext(CaseListFilterStateContext);
+    const dispatch = useContext(CaseListFilterDispatchContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const accountId = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
+    const { labels, loading: isLoading } = useCaseLabels(accountId);
+    const selectedLabels = (_b = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.caseLabel]) !== null && _b !== void 0 ? _b : EMPTY_LABELS;
+    const [inputValue, setInputValue] = useState('');
+    const [focusedItemIndex, setFocusedItemIndex] = useState(null);
+    const [activeItem, setActiveItem] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedItems, setSelectedItems] = useState({});
+    const textInputRef = useRef();
+    const list = useMemo(() => labels.map((label) => ({ value: label.name, key: label.id })), [labels]);
+    const [selectOptions, setSelectOptions] = useState(list);
+    const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
+    const applyLabelSelection = (updatedFilterValues) => {
+        updateFilter(dispatch, {
+            filterKey: SolrKeys.caseLabel,
+            values: updatedFilterValues,
+        });
+    };
+    const isOptionSelected = (option) => Boolean((option.value && selectedItems[String(option.value)]) || (option.key && selectedItems[String(option.key)]));
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSelect = (option) => {
+        const selectedOption = typeof option === 'string' ? list.find((item) => item.value === option || item.key === option) : option;
+        const optionValue = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
+        const optionKey = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.key;
+        if (!optionValue || optionValue === 'no results' || !optionKey) {
+            return;
+        }
+        const currentlySelected = selectedLabels.some((label) => label.key === optionKey);
+        const updatedFilterValues = currentlySelected
+            ? selectedLabels.filter((label) => label.key !== optionKey)
+            : [
+                ...selectedLabels.filter((label) => label.key !== optionKey),
+                { key: String(optionKey), value: String(optionValue) },
+            ];
+        applyLabelSelection(updatedFilterValues);
+    };
+    const handleMenuArrowKeys = (key) => {
+        if (!isOpen || !list.length) {
+            return;
+        }
+        let indexToFocus = 0;
+        if (key === 'ArrowUp') {
+            if (focusedItemIndex === null || focusedItemIndex === 0) {
+                indexToFocus = list.length - 1;
+            }
+            else {
+                indexToFocus = focusedItemIndex - 1;
+            }
+        }
+        if (key === 'ArrowDown') {
+            if (focusedItemIndex === null || focusedItemIndex === list.length - 1) {
+                indexToFocus = 0;
+            }
+            else {
+                indexToFocus = focusedItemIndex + 1;
+            }
+        }
+        setFocusedItemIndex(indexToFocus);
+        const focusedItem = list[indexToFocus];
+        if (focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value) {
+            setActiveItem(`select-multi-typeahead-checkbox-${String(focusedItem.value).replace(' ', '-')}`);
+        }
+    };
+    const onInputKeyDown = (event) => {
+        const focusedItem = focusedItemIndex !== null ? list[focusedItemIndex] : list[0];
+        switch (event.key) {
+            case 'Enter':
+                if (!isOpen) {
+                    setIsOpen((prevIsOpen) => !prevIsOpen);
+                }
+                else if (isOpen && (focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value) !== 'no results') {
+                    onSelect(focusedItem);
+                }
+                break;
+            case 'Tab':
+            case 'Escape':
+                setIsOpen(false);
+                setActiveItem(null);
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
+        }
+    };
+    const onTextInputChange = (_event, value) => {
+        setInputValue(value);
+    };
+    const placeholder = getDropdownBtnPlaceholder(isLoading ? t('Loading...') : t('Select a case label'), selectedLabels.map((label) => label.value), '', labels.length || 0, t('All selected'));
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onToggleClick, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true },
+        React.createElement(TextInputGroup, { isPlain: true },
+            React.createElement(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, id: "case-list-case-label-filter-input", autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItem && { 'aria-activedescendant': activeItem }), { role: "combobox", isExpanded: isOpen, "aria-controls": "case-list-case-label-filter-listbox" })))));
+    const dropdownOptions = useMemo(() => {
+        return (!isEmpty(selectOptions) ? selectOptions : list).map((option, index) => !isUndefined(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: true, isSelected: isOptionSelected(option), isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-multi-typeahead-${String(option.value).replace(' ', '-')}` }, option.value)));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedItems, selectedLabels, labels, selectOptions, focusedItemIndex]);
+    useEffect(() => {
+        let newSelectOptions = list;
+        if (inputValue) {
+            const normalizedInput = inputValue.toLowerCase();
+            newSelectOptions = list.filter((option) => String(option === null || option === void 0 ? void 0 : option.value).toLowerCase().includes(normalizedInput));
+            if (!newSelectOptions.length) {
+                newSelectOptions = [{ isDisabled: false, children: `No results found` }];
+            }
+            if (!isOpen) {
+                setIsOpen(true);
+            }
+        }
+        setSelectOptions(newSelectOptions);
+        setFocusedItemIndex(null);
+        setActiveItem(null);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputValue, list]);
+    useEffect(() => {
+        if (isEmpty(selectedLabels)) {
+            setSelectedItems({});
+            return;
+        }
+        const nextSelectedItems = selectedLabels.reduce((selection, label) => {
+            if (label === null || label === void 0 ? void 0 : label.value) {
+                selection[label.value] = true;
+            }
+            if (label === null || label === void 0 ? void 0 : label.key) {
+                selection[label.key] = true;
+            }
+            return selection;
+        }, {});
+        setSelectedItems(nextSelectedItems);
+    }, [selectedLabels]);
+    // Resolve deep-linked label IDs to display names once account labels are loaded
+    useEffect(() => {
+        if (!labels.length || !selectedLabels.length) {
+            return;
+        }
+        const resolved = selectedLabels.map((selected) => {
+            const match = labels.find((label) => label.id === selected.key || label.name === selected.value);
+            return match ? { key: match.id, value: match.name } : selected;
+        });
+        if (!isEqual(resolved, selectedLabels)) {
+            applyLabelSelection(resolved);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [labels, selectedLabels]);
+    return (React.createElement("div", { className: "case-labels-filter group-filter", "data-testid": "case-labels-filter" },
+        React.createElement("label", { htmlFor: "case-list-case-label-filter", className: "pf-v6-u-mb-sm group-filter-label" }, t(filterNamesMap[SolrKeys.caseLabel])),
+        React.createElement("div", { className: "pf-v6-c-select" },
+            React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, "data-tracking-id": "case-labels-filter", id: "case-list-case-label-filter", title: t(filterNamesMap[SolrKeys.caseLabel]), isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), popperProps: { direction: 'down', enableFlip: false }, toggle: toggle, isScrollable: true },
+                React.createElement(SelectList, null,
+                    dropdownOptions,
+                    canViewManageTab && (React.createElement(MenuFooter, { className: "group-filter-manage-groups-footer" },
+                        React.createElement(Link, { className: "cta cta-link", to: "/manage/case-labels" },
+                            React.createElement(Trans, null, "Manage case labels")))))))));
+}

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

@@ -1,9 +1,3 @@
 import React from 'react';
-import { IProductVersionPivotMap } from '../CaseList';
-interface IProps {
-    productVersionPivotValues: IProductVersionPivotMap[];
-    isSolrSearchDown: boolean;
-}
-export declare function CaseListFilterChips(props: IProps): React.JSX.Element;
-export {};
+export declare function CaseListFilterChips(): React.JSX.Element;
 //# sourceMappingURL=CaseListFilterChips.d.ts.map

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":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,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,qBAmIhD"}
+{"version":3,"file":"CaseListFilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseListFilterChips.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,wBAAgB,mBAAmB,sBA+HlC"}

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

@@ -1,4 +1,5 @@
 import { Button, Label, LabelGroup } from '@patternfly/react-core';
+import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { toNewCaseTypeMapper, toOldCaseTypeSwitcher } from '@rh-support/utils';
 import flatMap from 'lodash/flatMap';
 import remove from 'lodash/remove';
@@ -7,15 +8,17 @@ import { Trans } from 'react-i18next';
 import { ProductVersionKey, SolrKeys, SolrPivotKeys } from '../../../enums/filters';
 import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
-import { visibleFilterChipsWhenSolrDownSfdcUp } from '../CaseListFilterHelpers';
 import { clearFilters, removeFilterItem } from '../CaseListFilterReducer';
 import { CreatorSsoNameFilterChip } from './CreatorSsoNameFilterChip';
 import { ProductFilterChip } from './ProductFilterChip';
-export function CaseListFilterChips(props) {
+export function CaseListFilterChips() {
+    const ability = useContext(AbilityContext);
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
+    const canUseAdvancedSearch = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.ADVANCED_SEARCH);
     const currentFilterLength = flatMap(filterInfo).length;
     const isAnyFilterApplied = currentFilterLength > 0;
+    const shouldShowFilterChips = isAnyFilterApplied && !canUseAdvancedSearch;
     const deleteChip = (filterKey, value) => () => {
         removeFilterItem(dispatch, { filterKey, value });
     };
@@ -37,15 +40,10 @@ export function CaseListFilterChips(props) {
     };
     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);
-        }
-        else {
-            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(LabelGroup, { numLabels: 7, className: "pf-v6-c-chip-group__simple" }, renderFilterValueChips(filterKey, caseTypeFilter, groupName))));
-        }
+        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(LabelGroup, { numLabels: 7, className: "pf-v6-c-chip-group__simple" }, renderFilterValueChips(filterKey, caseTypeFilter, groupName))));
     };
     const renderAccountFilterChip = () => {
         const visibleChips = [];
@@ -83,13 +81,11 @@ export function CaseListFilterChips(props) {
     const showUsernameFilter = (Array.isArray(filterInfo[SolrKeys.createdBySsoUsername]) &&
         filterInfo[SolrKeys.createdBySsoUsername].length > 0) ||
         (Array.isArray(filterInfo[SolrKeys.caseContactSSO]) && filterInfo[SolrKeys.caseContactSSO].length > 0);
-    return (React.createElement(React.Fragment, null, isAnyFilterApplied && (React.createElement("div", { className: "filter-chip-wrapper" },
+    return (React.createElement(React.Fragment, null, shouldShowFilterChips && (React.createElement("div", { className: "filter-chip-wrapper" },
         React.createElement("h2", null, "Filtering by"),
         React.createElement("div", { className: "filter-chips" },
-            Array.isArray(filterInfo[ProductVersionKey]) && filterInfo[ProductVersionKey].length > 0 && (React.createElement(ProductFilterChip, { productList: props.isSolrSearchDown && filterInfo[ProductVersionKey].length > 1
-                    ? [filterInfo[ProductVersionKey][0]]
-                    : filterInfo[ProductVersionKey], productVersionPivot: props.productVersionPivotValues })),
-            !props.isSolrSearchDown && showUsernameFilter && React.createElement(CreatorSsoNameFilterChip, null),
+            Array.isArray(filterInfo[ProductVersionKey]) && filterInfo[ProductVersionKey].length > 0 && (React.createElement(ProductFilterChip, { productList: filterInfo[ProductVersionKey] })),
+            showUsernameFilter && React.createElement(CreatorSsoNameFilterChip, null),
             renderChips(),
             currentFilterLength > 1 && (React.createElement(Button, { variant: "link", isInline: true, onClick: clearAllFilters, "data-tracking-id": "case-list-clear-filters", className: "clear-filters" },
                 React.createElement(Trans, null, "Clear all filters"))))))));

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

@@ -1,15 +1,12 @@
 import { IApiResponseDetails } from '@rh-support/types/shared';
-import { ISolrResponseToFacetFields, ITroubleshootProductResponse } from '@rh-support/utils';
+import { ITroubleshootProductResponse } from '@rh-support/utils';
 import React from 'react';
-import { IFacetFields } from '../../../models/caseList';
 interface IProps {
-    filterValues: ISolrResponseToFacetFields<IFacetFields>;
-    isSolrSearchDown: boolean;
     allCaseTypes: IApiResponseDetails<string[]>;
     allCaseStatuses: IApiResponseDetails<string[]>;
     allCaseSeverities: IApiResponseDetails<string[]>;
     allProducts: IApiResponseDetails<ITroubleshootProductResponse>;
 }
-export declare const CaseListFilters: ({ filterValues, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, isSolrSearchDown, }: IProps) => React.JSX.Element;
+export declare const CaseListFilters: ({ allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts }: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=CaseListFilters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseListFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AAE7F,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAWxD,UAAU,MAAM;IACZ,YAAY,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IACvD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5C,eAAe,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/C,iBAAiB,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IACjD,WAAW,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;CAClE;AAID,eAAO,MAAM,eAAe,GAAI,oGAO7B,MAAM,sBA2ER,CAAC"}
+{"version":3,"file":"CaseListFilters.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseListFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,YAAY,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5C,eAAe,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/C,iBAAiB,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IACjD,WAAW,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,eAAe,GAAI,mEAAmE,MAAM,sBAiExG,CAAC"}

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

@@ -1,19 +1,16 @@
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import get from 'lodash/get';
 import React, { useContext } from 'react';
-import { SolrKeys } from '../../../enums/filters';
 import { AccountsBookmarkedGroupFilter } from './AccountsBookmarkedGroupFilter';
 import { AccountsFilter } from './AccountsFilter';
 import { AdditionalFilters } from './AdditionalFilters';
+import { CaseLabelsFilter } from './CaseLabelsFilter';
 import { CreatorSsoNameFilter } from './CreatorSsoNameFilter';
 import { GroupsFilter } from './GroupsFilter';
 import { ProductsFilter } from './ProductsFilter';
 import { SeverityFilter } from './SeverityFilter';
 import { StatusFilter } from './StatusFilter';
 import { TypeFilter } from './TypeFilter';
-// Adding a new filter here? Make sure you add in caseSearchUtils also so that
-// it get included in the solr search query fq parameter
-export const CaseListFilters = ({ filterValues, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, isSolrSearchDown, }) => {
+export const CaseListFilters = ({ allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts }) => {
     var _a, _b;
     const ability = useContext(AbilityContext);
     const canReadAccountFilter = ability.can(resourceActions.READ, resources.ACCOUNTS_FILTER);
@@ -29,13 +26,17 @@ export const CaseListFilters = ({ filterValues, allCaseTypes, allCaseSeverities,
     const canAccessTypeFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.TYPE_FILTER);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "filter-group" },
-            !isSolrSearchDown && canReadAccountFilter && (React.createElement(AccountsFilter, { canReadBookmarkAccounts: canReadAccountFilter })),
-            !isSolrSearchDown && (canReadBookmarkAccounts || canAccessManagedAccounts) && (React.createElement(AccountsBookmarkedGroupFilter, { canManageBookmarkAccounts: canManageBookmarkAccounts, canReadBookmarkAccounts: canReadBookmarkAccounts, canAccessManagedAccounts: canAccessManagedAccounts })),
+            canReadAccountFilter && React.createElement(AccountsFilter, { canReadBookmarkAccounts: canReadAccountFilter }),
+            (canReadBookmarkAccounts || canAccessManagedAccounts) && (React.createElement(AccountsBookmarkedGroupFilter, { canManageBookmarkAccounts: canManageBookmarkAccounts, canReadBookmarkAccounts: canReadBookmarkAccounts, canAccessManagedAccounts: canAccessManagedAccounts })),
             canAccessGroupsFilter && React.createElement(GroupsFilter, null),
-            canAccessProductsFilter && (React.createElement(ProductsFilter, { filterValues: get(filterValues, SolrKeys.product, []), isSolrSearchDown: isSolrSearchDown, allProducts: ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) === null || _b === void 0 ? void 0 : _b.map((p) => p.product)) || [] })),
-            canAccessSeverityFilter && (React.createElement(SeverityFilter, { filterValues: get(filterValues, SolrKeys.severity, []), isSolrSearchDown: isSolrSearchDown, allCaseSeverities: allCaseSeverities.data })),
-            canAccessStatusFilter && (React.createElement(StatusFilter, { filterValues: get(filterValues, SolrKeys.status, []), allCaseStatuses: allCaseStatuses.data, isSolrSearchDown: isSolrSearchDown })),
-            !isSolrSearchDown && canAccessTypeFilter && React.createElement(TypeFilter, { allCaseTypes: allCaseTypes.data }),
-            !isSolrSearchDown && canAccessCreatorFilter && React.createElement(CreatorSsoNameFilter, null),
-            !isSolrSearchDown && canAccessAdditionalFilter && React.createElement(AdditionalFilters, null))));
+            React.createElement(CaseLabelsFilter, null),
+            canAccessProductsFilter && (React.createElement(ProductsFilter, { allProducts: ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) === null || _b === void 0 ? void 0 : _b.map((p) => ({
+                    name: p.product,
+                    productId: p.productId,
+                }))) || [] })),
+            canAccessSeverityFilter && React.createElement(SeverityFilter, { allCaseSeverities: allCaseSeverities.data }),
+            canAccessStatusFilter && React.createElement(StatusFilter, { allCaseStatuses: allCaseStatuses.data }),
+            canAccessTypeFilter && React.createElement(TypeFilter, { allCaseTypes: allCaseTypes.data }),
+            canAccessCreatorFilter && React.createElement(CreatorSsoNameFilter, null),
+            canAccessAdditionalFilter && React.createElement(AdditionalFilters, 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":"AAuBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,eAAO,MAAM,WAAW,GAAI,YAAO,WAIlC,CAAC;AAYF,eAAO,MAAM,eAAe,GAAI,gBAAW,EAAE,QAAG;;;;;;;GAAyD,CAAC;AAE1G,eAAO,MAAM,kBAAkB,GAAI,iBAAY,EAAE,eAAU,EAAE,QAAG,EAAE,MAAC,UAyClE,CAAC;AAEF,wBAAgB,oBAAoB,sBA8PnC"}
+{"version":3,"file":"CreatorSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CreatorSsoNameFilter.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,eAAO,MAAM,WAAW,GAAI,YAAO,WAIlC,CAAC;AAYF,eAAO,MAAM,eAAe,GAAI,gBAAW,EAAE,QAAG;;;;;;;GAAyD,CAAC;AAE1G,eAAO,MAAM,kBAAkB,GAAI,iBAAY,EAAE,eAAU,EAAE,QAAG,EAAE,MAAC,UAyClE,CAAC;AAEF,wBAAgB,oBAAoB,sBAiQnC"}

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

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { accounts } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { Button, MenuToggle, Select, SelectGroup, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Truncate, } from '@patternfly/react-core';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
-import { LoadingIndicator, useFetch, useSelectKeyboardNavigator } from '@rh-support/components';
+import { LoadingIndicator, useSelectKeyboardNavigator } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getDropdownBtnPlaceholder } from '@rh-support/utils';
+import { fetchLoggedInUserAccountContactsFromGraphQL, getDropdownBtnPlaceholder } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isNull from 'lodash/isNull';
 import isUndefined from 'lodash/isUndefined';
@@ -84,13 +84,14 @@ export const getSelectedListObj = (contactsList, filterInfo, own, t) => {
 };
 export function CreatorSsoNameFilter() {
     const { t } = useTranslation();
+    const apolloClient = useApolloClient();
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const CaseListDispatch = useCaseListDispatchContext();
     const own = loggedInUserRights.data.getSSOUsername();
     const isExternalNonOrgAdmin = !loggedInUserRights.data.isInternal() && loggedInUserRights.data.isCustomerNonOrgAdmin();
-    const { request: getExternalUserContactsList, isFetching: isFetchingExternalContacts } = useFetch(accounts.getAccountContacts, { propgateErrors: true });
+    const [isFetchingExternalContacts, setIsFetchingExternalContacts] = useState(false);
     const externalInputRef = useRef();
     const [externalContactList, setExternalContactList] = useState([]);
     const [isExternalOpen, setIsExternalOpen] = useState(false);
@@ -163,19 +164,25 @@ export function CreatorSsoNameFilter() {
         if (loggedInUserRights.data.isInternal())
             return;
         const fetchStrataAccountUsers = () => __awaiter(this, void 0, void 0, function* () {
-            const externalContacts = isExternalNonOrgAdmin
-                ? []
-                : yield getExternalUserContactsList(loggedInUserRights.data.getAccountNumber());
-            const chipsNameSsoPairs = externalContacts.reduce((result, item) => {
-                result[item.ssoUsername] = { firstName: item.firstName || '', lastName: item.lastName || '' };
-                return result;
-            }, {});
-            setChipsNameSsoMap(CaseListDispatch, chipsNameSsoPairs);
-            setExternalContactList(externalContacts);
+            setIsFetchingExternalContacts(true);
+            try {
+                const externalContacts = isExternalNonOrgAdmin
+                    ? []
+                    : yield fetchLoggedInUserAccountContactsFromGraphQL(apolloClient);
+                const chipsNameSsoPairs = externalContacts.reduce((result, item) => {
+                    result[item.ssoUsername] = { firstName: item.firstName || '', lastName: item.lastName || '' };
+                    return result;
+                }, {});
+                setChipsNameSsoMap(CaseListDispatch, chipsNameSsoPairs);
+                setExternalContactList(externalContacts);
+            }
+            finally {
+                setIsFetchingExternalContacts(false);
+            }
         });
         fetchStrataAccountUsers();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatch, isExternalNonOrgAdmin, loggedInUserRights.data]);
+    }, [dispatch, isExternalNonOrgAdmin, loggedInUserRights.data, apolloClient]);
     const filteredExternalList = useMemo(() => {
         return [
             ...(noResults && !isExternalNonOrgAdmin

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

@@ -1 +1 @@
-{"version":3,"file":"CreatorSsoNameFilterChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CreatorSsoNameFilterChip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,wBAAgB,wBAAwB,sBAuIvC"}
+{"version":3,"file":"CreatorSsoNameFilterChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CreatorSsoNameFilterChip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,wBAAgB,wBAAwB,sBA0IvC"}

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

@@ -69,6 +69,9 @@ export function CreatorSsoNameFilterChip() {
             }, []);
             setChips(valueLabelArray);
         };
+        // Advance search stores raw name/SSO text in filterInfo. Resolution uses ssoUsernameIn, so a
+        // short first name can match another contact's SSO and show the wrong chip label; filtering still
+        // works — users should enter full name or SSO when the label matters.
         const getInternalContactNames = (contacts) => __awaiter(this, void 0, void 0, function* () {
             const res = yield getInternalUserContactsList({
                 internal: false,

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

@@ -1,3 +1,13 @@
+import { IKeyValue } from '@rh-support/types/shared';
 import React from 'react';
-export declare function GroupsFilter(): React.JSX.Element;
+export interface GroupsFilterProps {
+    /** When set with onGroupsChange, the filter is controlled (e.g. advanced search). */
+    selectedGroups?: Array<IKeyValue<string>>;
+    onGroupsChange?: (groups: Array<IKeyValue<string>>) => void;
+    hideLabel?: boolean;
+    idPrefix?: string;
+    showSelectionCountBadge?: boolean;
+    placeholder?: string;
+}
+export declare function GroupsFilter({ selectedGroups: controlledSelectedGroups, onGroupsChange, hideLabel, idPrefix, showSelectionCountBadge, placeholder: placeholderProp, }?: GroupsFilterProps): React.JSX.Element;
 //# sourceMappingURL=GroupsFilter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/GroupsFilter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAShF,wBAAgB,YAAY,sBA+P3B"}
+{"version":3,"file":"GroupsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/GroupsFilter.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,OAAO,KAA2D,MAAM,OAAO,CAAC;AAShF,MAAM,WAAW,iBAAiB;IAC9B,qFAAqF;IACrF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,wBAAgB,YAAY,CAAC,EACzB,cAAc,EAAE,wBAAwB,EACxC,cAAc,EACd,SAAiB,EACjB,QAAmC,EACnC,uBAA+B,EAC/B,WAAW,EAAE,eAAe,GAC/B,GAAE,iBAAsB,qBA+RxB"}