@rh-support/cases 2.6.9 → 2.6.11

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

@@ -1 +1 @@
-{"version":3,"file":"AccountsBookmarkedGroupFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/AccountsBookmarkedGroupFilter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAS7D,eAAO,MAAM,YAAY,eAAgB,MAAM,sBAS9C,CAAC;AAEF,UAAU,MAAM;IACZ,uBAAuB,EAAE,OAAO,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAOD,eAAO,MAAM,QAAQ,cAAe,MAAM,eAAe,MAAM,WACiB,CAAC;AAEjF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,MAAM,qBAoL1D"}
+{"version":3,"file":"AccountsBookmarkedGroupFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/AccountsBookmarkedGroupFilter.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAS7D,eAAO,MAAM,YAAY,eAAgB,MAAM,sBAQ9C,CAAC;AAEF,UAAU,MAAM;IACZ,uBAAuB,EAAE,OAAO,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAOD,eAAO,MAAM,QAAQ,cAAe,MAAM,eAAe,MAAM,WACiB,CAAC;AAEjF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,MAAM,qBAqL1D"}

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

@@ -1,4 +1,4 @@
-import { Label, MenuToggle, Select, SelectOption, TextInputGroup, TextInputGroupMain, Tooltip, } from '@patternfly/react-core';
+import { Label, MenuFooter, MenuToggle, Select, SelectOption, TextInputGroup, TextInputGroupMain, Tooltip, } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { LoadingIndicator } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -16,8 +16,7 @@ import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { updateFilter } from '../CaseListFilterReducer';
 export const appendToMenu = (listLength) => {
-    return (React.createElement(React.Fragment, null,
-        listLength !== 0 && React.createElement("div", { className: "pf-v6-c-divider", role: "separator" }),
+    return (React.createElement(MenuFooter, { key: "menufooter" },
         React.createElement(Link, { className: "cta cta-link pf-v6-c-select__menu-item", to: "/manage/bookmarks" },
             React.createElement(Trans, null, "Manage bookmarks"))));
 };
@@ -88,7 +87,7 @@ export function AccountsBookmarkedGroupFilter(props) {
             ...filteredOptions.map((b, id) => (React.createElement(SelectOption, { key: id, value: b, className: "pf-v6-c-select__menu-wrapper", role: "presentation" },
                 React.createElement("div", { className: "pf-v6-c-select__menu-item-main pf-v6-u-display-flex" },
                     React.createElement("div", { className: "pf-v6-c-select__menu-item-main" },
-                        React.createElement("input", { className: "pf-v6-c-check__input pf-v6-u-mr-sm", type: "checkbox", checked: some(filterInfo[SolrKeys.accountNumber], b) }),
+                        React.createElement("input", { className: "pf-v6-c-check__input pf-v6-u-mr-sm", type: "checkbox", checked: some(filterInfo[SolrKeys.accountNumber], b), onChange: () => { } }),
                         React.createElement("span", null, b.value)),
                     Array.isArray(b.key) && (React.createElement(Tooltip, { content: getInfoToolTip(b.value), "aria-label": t('Bookmarked Accounts List') },
                         React.createElement(Label, { color: "teal", className: "pf-v6-u-ml-auto pf-v6-u-mr-sm", icon: React.createElement(InfoCircleIcon, null), "aria-label": t('Bookmarked Accounts') }, b.key.length))))))),
@@ -107,10 +106,9 @@ export function AccountsBookmarkedGroupFilter(props) {
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onBookmarksToggle, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true },
         React.createElement(TextInputGroup, { isPlain: true },
             React.createElement(TextInputGroupMain, { value: input, onChange: (_, value) => onTextInputChange(value), onClick: (e) => {
-                    e.stopPropagation();
                     setIsOpen(true);
                 }, autoComplete: "off", placeholder: getDropdownBtnPlaceholder(t(canAccessManagedAccounts ? 'Select an account' : 'Search for a bookmark'), canAccessManagedAccounts ? selectedAccounts : selectedBookmarks, '', dropdownOptions.length, canAccessManagedAccounts ? t('All accounts selected') : t('All bookmarks selected')), role: "combobox", isExpanded: isOpen, "aria-controls": "bookmark-account-select-listbox" }))));
     return (React.createElement("div", { className: "pf-v6-c-select" },
         React.createElement("label", { htmlFor: "case-list-account-filter", className: "case-list-account-filter-label" }, canAccessManagedAccounts ? t('Accounts') : t(filterNamesMap[SolrKeys.accountNumber])),
-        React.createElement(Select, { toggle: toggle, onSelect: onBookmarksSelect, isOpen: isOpen, onOpenChange: (nextOpen) => setIsOpen(nextOpen), "data-tracking-id": "accounts-filter", id: "case-list-account-filter", isScrollable: true, popperProps: { direction: 'down', enableFlip: false }, shouldFocusFirstItemOnOpen: false }, bookmarkedAccountsOptions)));
+        React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, toggle: toggle, onSelect: onBookmarksSelect, isOpen: isOpen, onOpenChange: (nextOpen) => setIsOpen(nextOpen), "data-tracking-id": "accounts-filter", id: "case-list-account-filter", isScrollable: true, popperProps: { direction: 'down', enableFlip: false } }, bookmarkedAccountsOptions)));
 }

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,0BAIvB,CAAC;AAYF,eAAO,MAAM,eAAe;;;;;;;GAA6E,CAAC;AAE1G,eAAO,MAAM,kBAAkB,iEAyC9B,CAAC;AAEF,wBAAgB,oBAAoB,sBA6PnC"}
+{"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,0BAIvB,CAAC;AAYF,eAAO,MAAM,eAAe;;;;;;;GAA6E,CAAC;AAE1G,eAAO,MAAM,kBAAkB,iEAyC9B,CAAC;AAEF,wBAAgB,oBAAoB,sBA8PnC"}

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

@@ -202,7 +202,6 @@ export function CreatorSsoNameFilter() {
         setExternalQuery(query);
     };
     const onExternalToggle = (e) => {
-        e.stopPropagation();
         setIsExternalOpen((pre) => !pre);
     };
     const externalToggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onExternalToggle, innerRef: toggleRef, isExpanded: isExternalOpen, isFullWidth: true },
@@ -215,6 +214,6 @@ export function CreatorSsoNameFilter() {
     return (React.createElement("div", null,
         React.createElement("label", { htmlFor: "case-list-username-filter", className: "case-list-username-filter-label" },
             React.createElement(Trans, null, filterNamesMap['usernameFilterTitle'])),
-        !loggedInUserRights.data.isInternal() ? (React.createElement(Select, { id: "external-ssousername-filter", "data-tracking-id": "external-ssousername-filter", isOpen: isExternalOpen, onOpenChange: () => setIsExternalOpen(false), toggle: isExternalNonOrgAdmin ? customToggle : externalToggle, popperProps: { direction: 'down', enableFlip: false }, isScrollable: true, onSelect: (_e, v) => onSelectExternal(v) },
+        !loggedInUserRights.data.isInternal() ? (React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: "external-ssousername-filter", "data-tracking-id": "external-ssousername-filter", isOpen: isExternalOpen, onOpenChange: () => setIsExternalOpen(false), toggle: isExternalNonOrgAdmin ? customToggle : externalToggle, popperProps: { direction: 'down', enableFlip: false, maxWidth: '10rem' }, isScrollable: true, onSelect: (_e, v) => onSelectExternal(v) },
             React.createElement(SelectList, null, filteredExternalList))) : (React.createElement(InternalSsoNameFilter, null))));
 }

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,sBA8P3B"}
+{"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"}

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

@@ -1,4 +1,4 @@
-import { Button, Divider, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { Button, MenuFooter, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
@@ -30,7 +30,6 @@ export function GroupsFilter() {
     const [selectedItems, setSelectedItems] = useState({});
     const textInputRef = useRef();
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
@@ -163,11 +162,11 @@ export function GroupsFilter() {
     return (React.createElement("div", { className: "group-filter" },
         React.createElement("label", { htmlFor: "case-list-group-filter", className: "pf-v6-u-mb-sm group-filter-label" }, t(filterNamesMap[SolrKeys.group])),
         React.createElement("div", { className: "pf-v6-c-select" },
-            React.createElement(Select, { role: "menu", "data-tracking-id": "groups-filter", id: "case-list-group-filter", title: t(filterNamesMap[SolrKeys.group]), 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),
-                canViewCaseGroups && (React.createElement(React.Fragment, null,
-                    React.createElement(Divider, { className: "case-group-filter" }),
-                    React.createElement(SelectList, null,
-                        React.createElement(Link, { className: "cta cta-link pf-v6-c-select__menu-item", to: "/manage/groups" },
-                            React.createElement(Trans, null, "Manage groups")))))))));
+            React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, "data-tracking-id": "groups-filter", id: "case-list-group-filter", title: t(filterNamesMap[SolrKeys.group]), 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,
+                    canViewCaseGroups && (React.createElement(React.Fragment, null,
+                        React.createElement(MenuFooter, { className: "group-filter-manage-groups-footer" },
+                            React.createElement(Link, { className: "cta cta-link", to: "/manage/groups" },
+                                React.createElement(Trans, null, "Manage groups"))))))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InternalSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/InternalSsoNameFilter.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAgS5C"}
+{"version":3,"file":"InternalSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/InternalSsoNameFilter.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAiS5C"}

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

@@ -195,13 +195,12 @@ export default function InternalSsoNameFilter() {
         onSearchAsync(query);
     };
     const onInternalToggle = (e) => {
-        e.stopPropagation();
         setIsInternalOpen((pre) => !pre);
     };
     const internalToggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onInternalToggle, innerRef: toggleRef, isExpanded: isInternalOpen, isFullWidth: true },
         React.createElement(TextInputGroup, { isPlain: true },
             React.createElement(TextInputGroupMain, { value: internalQuery, onClick: onInternalToggle, onKeyDown: onInputKeyDown, placeholder: getDropdownBtnPlaceholder(t('Search for a name'), selectedInternalContacts.map((i) => i.label), ' ', filteredInternalList.length, t('All selected')), onChange: onInternalQueryChange, isExpanded: isInternalOpen, innerRef: internalInputRef, "aria-controls": "internal-ssousername-filter", role: "combobox" }),
             React.createElement(TextInputGroupUtilities, null, !isEmpty(internalQuery) && (React.createElement(Button, { icon: isFetchingInternalContacts ? (React.createElement(LoadingIndicator, { show: true, size: "sm" })) : (React.createElement(TimesCircleIcon, { "aria-hidden": true })), variant: "plain", onClick: () => setInternalQuery(''), isDisabled: isFetchingInternalContacts, "aria-label": t('Clear') }))))));
-    return (React.createElement(Select, { id: "internal-ssousername-filter", "data-tracking-id": "internal-ssousername-filter", isOpen: isInternalOpen, onOpenChange: () => setIsInternalOpen(false), toggle: internalToggle, popperProps: { direction: 'down', enableFlip: false }, isScrollable: true, onSelect: (_e, v) => onSelectInternal(v) },
+    return (React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: "internal-ssousername-filter", "data-tracking-id": "internal-ssousername-filter", isOpen: isInternalOpen, onOpenChange: () => setIsInternalOpen(false), toggle: internalToggle, popperProps: { direction: 'down', enableFlip: false, maxWidth: '10rem' }, isScrollable: true, onSelect: (_e, v) => onSelectInternal(v) },
         React.createElement(SelectList, null, filteredInternalList)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ProductFilterChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/ProductFilterChip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAGxE,UAAU,MAAM;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,mBAAmB,EAAE,uBAAuB,EAAE,CAAC;CAClD;AAED,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,mBAAwB,EAAE,EAAE,MAAM,qBAuElF"}
+{"version":3,"file":"ProductFilterChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/ProductFilterChip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAGxE,UAAU,MAAM;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,mBAAmB,EAAE,uBAAuB,EAAE,CAAC;CAClD;AAED,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,mBAAwB,EAAE,EAAE,MAAM,qBAsElF"}

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

@@ -2,7 +2,6 @@ import { Button, ButtonVariant, Label, LabelGroup } from '@patternfly/react-core
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { useContext } from 'react';
-import { Trans } from 'react-i18next';
 import { SolrKeys, SolrPivotKeys } from '../../../enums/filters';
 import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
@@ -25,8 +24,7 @@ export function ProductFilterChip({ productList, productVersionPivot = [] }) {
         updateFilter(dispatch, { filterKey: SolrPivotKeys.product_version, values: updatedProducts });
     };
     return (React.createElement("div", { className: "filter-chip" },
-        React.createElement("span", { className: "filter-chip__heading" },
-            React.createElement(Trans, null, filterNamesMap[SolrKeys.product])),
+        React.createElement("span", { className: "filter-chip__heading" }, filterNamesMap[SolrKeys.product]),
         canAccessVersionsFilter ? (React.createElement(React.Fragment, null, productList.map((currentProduct, index) => (React.createElement(LabelGroup, { numLabels: 10, key: `${currentProduct.value}-${index}`, categoryName: currentProduct.value },
             React.createElement(VersionsFilter, { productInfo: currentProduct, productVersionPivot: productVersionPivot }),
             currentProduct[SolrKeys.version].map((chip) => (React.createElement(Label, { variant: "outline", key: chip.value, onClose: () => deleteVersion(currentProduct, chip) }, chip.value))),

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/ProductsFilter.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8P3C"}
+{"version":3,"file":"ProductsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/ProductsFilter.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA+P3C"}

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

@@ -78,7 +78,6 @@ export function ProductsFilter(props) {
         });
     };
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onClick = () => {
@@ -158,6 +157,6 @@ export function ProductsFilter(props) {
     };
     return (React.createElement("div", { className: "product-filter" },
         React.createElement("label", { htmlFor: "case-list-products-filter", className: "pf-v6-u-mb-sm products-filter-label" }, t(filterNamesMap[SolrKeys.product])),
-        isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: "case-list-products-filter", selected: selectedOption, options: singleSelectOptions, placeholder: allProducts.length > 0 ? t('Select a product') : t('No products available'), onSelect: (options) => onSingleSelectChange(options[0]), dataTrackingId: "products-filter", isScrollable: true, isDisabled: allProducts.length === 0 })) : (React.createElement(Select, { id: "case-list-products-filter", "data-tracking-id": "products-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggleForMultiSelect, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+        isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: "case-list-products-filter", selected: selectedOption, options: singleSelectOptions, placeholder: allProducts.length > 0 ? t('Select a product') : t('No products available'), onSelect: (options) => onSingleSelectChange(options[0]), dataTrackingId: "products-filter", isScrollable: true, isDisabled: allProducts.length === 0 })) : (React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: "case-list-products-filter", "data-tracking-id": "products-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggleForMultiSelect, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, null, renderOptions())))));
 }

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

@@ -28,7 +28,6 @@ export function SeverityFilter(props) {
         label: selectedSeverity,
     };
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
@@ -99,6 +98,6 @@ export function SeverityFilter(props) {
     }, [filterInfo[SolrKeys.severity], props.isSolrSearchDown]);
     return (React.createElement("div", { className: "severity-filter" },
         React.createElement("label", { htmlFor: "case-list-severity-filter", className: "pf-v6-u-mb-sm severity-filter-label" }, t(filterNamesMap[SolrKeys.severity])),
-        props.isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: "case-list-severity-filter", selected: selectedOption, options: singleSelectOptions, placeholder: t('Select a severity'), onSelect: onSingleSelectChange, dataTrackingId: "severity-filter", isScrollable: true })) : (React.createElement(Select, { role: "menu", id: "case-list-severity-filter", "data-tracking-id": "severity-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+        props.isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: "case-list-severity-filter", selected: selectedOption, options: singleSelectOptions, placeholder: t('Select a severity'), onSelect: onSingleSelectChange, dataTrackingId: "severity-filter", isScrollable: true })) : (React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: "case-list-severity-filter", "data-tracking-id": "severity-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, null, dropdownOptions)))));
 }

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

@@ -27,7 +27,6 @@ export function StatusFilter(props) {
         label: selectedStatus,
     };
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
@@ -123,6 +122,6 @@ export function StatusFilter(props) {
     const titleId = 'case-list-status-filter';
     return (React.createElement("div", { className: "status-filter" },
         React.createElement("label", { htmlFor: titleId, className: "pf-v6-u-mb-sm status-filter-label" }, t(filterNamesMap[SolrKeys.status])),
-        props.isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: titleId, selected: selectedOption, options: singleSelectOptions, placeholder: t('Select a status'), onSelect: onSingleSelectChange, dataTrackingId: "status-filter", isScrollable: true })) : (React.createElement(Select, { role: "menu", id: titleId, "data-tracking-id": "status-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+        props.isSolrSearchDown ? (React.createElement(SingleSelectDropdown, { id: titleId, selected: selectedOption, options: singleSelectOptions, placeholder: t('Select a status'), onSelect: onSingleSelectChange, dataTrackingId: "status-filter", isScrollable: true })) : (React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: titleId, "data-tracking-id": "status-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, null, dropdownOptions)))));
 }

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

@@ -47,7 +47,6 @@ export function TypeFilter(props) {
         onSelect: onSelectHandler,
     });
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onClick = () => {
@@ -79,6 +78,6 @@ export function TypeFilter(props) {
     }, [filterInfo[SolrKeys.type]]);
     return (React.createElement("div", { className: "type-filter" },
         React.createElement("label", { htmlFor: "case-list-type-filter", className: "pf-v6-u-mb-sm case-list-type-filter-label" }, t(filterNamesMap[SolrKeys.type])),
-        React.createElement(Select, { role: "menu", id: "case-list-type-filter", "data-tracking-id": "type-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelectHandler(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+        React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: "case-list-type-filter", "data-tracking-id": "type-filter", isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelectHandler(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), toggle: toggle, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, null, dropdownOptions))));
 }

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

@@ -59,7 +59,6 @@ export function VersionsFilter({ productInfo, productVersionPivot }) {
     }))) || [], [versions]);
     const [selectOptions, setSelectOptions] = useState(list);
     const onToggleClick = (e) => {
-        e.stopPropagation();
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
@@ -157,9 +156,9 @@ export function VersionsFilter({ productInfo, productVersionPivot }) {
         setSelectedItems(selectedVersions);
     }, [productInfo.case_version]);
     const titleId = 'case-list-versions-filter';
-    return (React.createElement(React.Fragment, null, !isEmpty(versions) && (React.createElement("div", { className: "version-filter-chip" },
+    return (React.createElement(React.Fragment, null, (!isEmpty(versions) || true) && (React.createElement("div", { className: "version-filter-chip" },
         React.createElement("label", { hidden: true, htmlFor: titleId }, t('Open versions dropdown')),
         React.createElement("div", { className: "pf-v6-c-select" },
-            React.createElement(Select, { role: "menu", "data-tracking-id": "versions-filter", id: titleId, title: t('Version'), isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), popperProps: { direction: 'down', enableFlip: false }, toggle: toggle, isScrollable: true },
+            React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, "data-tracking-id": "versions-filter", id: titleId, title: t('Version'), 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)))))));
 }

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;AAqB3E,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,qBA+kB1C"}
+{"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;AAqB3E,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,qBA2kB1C"}

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

@@ -349,8 +349,8 @@ export function CaseListTable(props) {
                     React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList })),
                 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 pf-v6-u-flex-grow-1" },
-                React.createElement(Table, { variant: TableVariant.compact, "aria-label": "case-list", className: "case-list-table pf-v6-u-flex-grow-1" },
+            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,
                         React.createElement(Tr, { key: "tableHeaderRow", isBorderRow: true },
                             React.createElement(Th, { select: {

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;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAmBlE,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,qBA6ZzD"}
+{"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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './DownloadCSVFileModal.scss';
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalFooter, ModalVariant, Spinner, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+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, useFetch } from '@rh-support/components';
@@ -287,9 +287,12 @@ export default function DownloadCSVFileModal(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [allCheckBoxNotSelected, checkboxes.selectAll]);
-    return (React.createElement(Modal, { title: t('Download CSV file'), className: "download-csv-modal", variant: ModalVariant.large, isOpen: onModalshow, onClose: onCancel },
-        React.createElement("p", null, downloadCSVModalDescription(selectedCases.length || filteredCaseCount)),
-        downloadCSVModalBody(),
+    return (React.createElement(Modal, { className: "download-csv-modal", variant: ModalVariant.large, isOpen: onModalshow, onClose: onCancel },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Download CSV file'))),
+        React.createElement(ModalBody, null,
+            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" }) : 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/SeverityLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeverityLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/SeverityLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAoBzD"}
+{"version":3,"file":"SeverityLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/SeverityLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAmBzD"}

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

@@ -7,7 +7,6 @@ export default function SeverityLabel({ sevValue }) {
         return null;
     }
     const getSevLabelColor = (sevValue) => {
-        console.warn(sevValue);
         switch (sevValue) {
             case '1 (Urgent)':
                 return 'danger';

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

@@ -1 +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,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAgGpF"}
+{"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,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAgGpF"}

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

@@ -2,6 +2,9 @@ import './TableColumnSelector.scss';
 import { Checkbox, Dropdown, DropdownList, Grid, GridItem, MenuToggle, } from '@patternfly/react-core';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+function getCheckboxId(key) {
+    return `${key}-column-selector`;
+}
 export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
@@ -22,24 +25,24 @@ export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
         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' },
+        { label: t('Owner'), key: 'contactName' },
+        { label: t('Severity'), key: 'severity' },
+        { label: t('Created by'), key: 'createdDate' },
+        { label: t('Account number'), key: 'accountNumber' },
+        { label: t('Support type'), key: 'type' },
+        { label: t('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' },
+        { label: t('Modified by'), key: 'lastModifiedDate' },
+        { label: t('Status'), key: 'status' },
+        { label: t('Product and version'), key: 'product' },
+        { label: t('Personal reference number'), key: 'alternateCaseId' },
+        { label: t('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: cachedColumns.includes(field.key), onChange: () => {
+        return fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((field) => (React.createElement(Checkbox, { key: field.key, className: "case-column-selector", label: field.label, isChecked: cachedColumns.includes(field.key), onChange: () => {
                 handleCheckboxChange(field.key);
-            }, id: field.key, name: field.key })));
+            }, id: getCheckboxId(field.key), name: field.key })));
     };
     return (React.createElement(Dropdown, { isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "pf-v6-u-flex-1", ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen }, t('Columns'))), shouldFocusToggleOnSelect: true, id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", className: "column-selector" },
         React.createElement(DropdownList, null,

package/lib/esm/components/case-list/case-search/AdvanceSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/AdvanceSearch.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIhE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,0BAA0B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoV1C"}
+{"version":3,"file":"AdvanceSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/AdvanceSearch.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIhE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,0BAA0B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAOD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA0S1C"}

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

@@ -1,8 +1,10 @@
-import { Button, Flex, FlexItem, Icon, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { Button, Flex, FlexItem, Icon, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
+import { LoadingIndicator, useSelectKeyboardNavigator } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseSearchQueryType } from '../../../enums/caseSearch';
@@ -15,7 +17,7 @@ export function AdvanceSearch(props) {
     const isFirstMountRef = useRef(true);
     const [inputString, setInputString] = useState('');
     const [autoCompleteList, setAutoCompleteList] = useState([]);
-    const dropdownWrapperRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
     const parseQuery = () => {
         try {
             parse(inputString);
@@ -43,11 +45,10 @@ export function AdvanceSearch(props) {
         }
     };
     const { parse, parseSafe, parserRef } = useAdvanceSearchParser({ onInit: parseQuery });
-    const [isAutoCompleteListVisible, setIsAutoCompleteListVisible] = useState(false);
     const [isParsingSuccessful, setIsParsingSuccessful] = useState(false);
+    const [isParsing, setIsParsing] = useState(false);
     const parserErrorRef = useRef(null);
     const searchInputRef = useRef(null);
-    const [selectedItemIndex, setSelectedItemIndex] = useState(null);
     useEffect(() => {
         if (filterQueryInfo.type === CaseSearchQueryType.BASIC)
             return;
@@ -74,25 +75,6 @@ export function AdvanceSearch(props) {
         props.onSearchValChange && props.onSearchValChange(inputString);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputString]);
-    const handleClickOutside = (e) => {
-        if (dropdownWrapperRef.current.contains(e.target)) {
-            // inside click
-            return;
-        }
-        // outside click
-        setIsAutoCompleteListVisible(false);
-    };
-    useEffect(() => {
-        if (isAutoCompleteListVisible) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isAutoCompleteListVisible]);
     const onQueryStringChange = (value) => {
         const query = value;
         setInputString(query);
@@ -152,63 +134,20 @@ export function AdvanceSearch(props) {
                 });
             }
             setAutoCompleteList(sortedList);
+            setIsParsing(false);
         }
     };
     const onItemClick = (itemValue) => {
+        setIsParsing(true);
         setInputString(inputString.substring(0, parserErrorRef.current.location.start.offset) + itemValue);
-        searchInputRef.current.focus();
-    };
-    const onInputFocus = () => {
-        setIsAutoCompleteListVisible(true);
-    };
-    const selectNextItem = (next = 1) => {
-        const selectedId = selectedItemIndex;
-        //select next item
-        let nextId;
-        if (selectedId !== null) {
-            nextId = (selectedId + next + autoCompleteList.length) % autoCompleteList.length;
-        }
-        else {
-            nextId = next === 1 ? 0 : autoCompleteList.length - 1;
-        }
-        setSelectedItemIndex(nextId);
     };
     // To determine if search button is enabled or not
     const isAdvancedSearchButtonDisabled = props.isSearchDisabled ||
         (isEmpty(inputString) && isEmpty(filterQueryInfo === null || filterQueryInfo === void 0 ? void 0 : filterQueryInfo.parsedQuery)) ||
         !isParsingSuccessful;
-    const onKeyDown = (e) => {
-        setIsAutoCompleteListVisible(true);
-        const whichKey = e.which;
-        if (whichKey !== 38 && whichKey !== 40 && whichKey !== 13)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        if (whichKey === 38) {
-            // key UP
-            selectNextItem(-1);
-        }
-        else if (whichKey === 40) {
-            // key DOWN
-            selectNextItem();
-        }
-        else if (whichKey === 13) {
-            //key ENTER
-            if (e.ctrlKey && !isAdvancedSearchButtonDisabled) {
-                onSearchSubmit();
-            }
-            else {
-                if (selectedItemIndex !== null) {
-                    onItemClick(autoCompleteList[selectedItemIndex].value);
-                }
-            }
-        }
-        return false;
-    };
     const onClear = () => {
         setInputString('');
         setAutoCompleteList([]);
-        setIsAutoCompleteListVisible(false);
         props.onSearchClear && props.onSearchClear();
     };
     const onSearchSubmit = () => {
@@ -221,26 +160,41 @@ export function AdvanceSearch(props) {
                 parsedQuery += '*';
             }
         }
-        setIsAutoCompleteListVisible(false);
         props.onSearchSubmit && props.onSearchSubmit(CaseSearchQueryType.ADVANCED, parsedQuery);
     };
     const onBasicClick = () => {
         props.onSearchTypeChange && props.onSearchTypeChange(CaseSearchQueryType.BASIC);
     };
     const isQueryInValid = inputString && !isParsingSuccessful;
+    const { focusedItemIndex, onInputKeyDown } = useSelectKeyboardNavigator({
+        list: autoCompleteList,
+        isOpen,
+        resetIndexOnClose: true,
+        isDisabled: false,
+        setIsOpen,
+        onSelect: (item) => onItemClick(item.value),
+    });
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: () => setIsOpen((open) => !open), onKeyDown: onInputKeyDown, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true },
+        React.createElement(TextInputGroup, { isPlain: true },
+            React.createElement(TextInputGroupMain, { value: inputString, onChange: (event, value) => onQueryStringChange(value), onClick: () => setIsOpen((open) => !open), ref: searchInputRef, placeholder: t('i18nEnterSolrQuery', 'Enter SOLR query, for example: severity:"1 (Urgent)" and status:"Waiting on Customer"'), className: "pf-v6-u-pr-2xl", type: "text", "aria-invalid": isQueryInValid ? true : false, autoComplete: "off", id: "advance-search-typeahead", "aria-label": t('Enter search query'), "aria-describedby": "advance-query-error-helper" }),
+            inputString && (React.createElement(TextInputGroupUtilities, null,
+                React.createElement(Button, { icon: inputString && isParsingSuccessful ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+                        React.createElement(FlexItem, null,
+                            React.createElement(Icon, { size: "md" },
+                                React.createElement(CheckCircleIcon, { color: "#3E8635" }))),
+                        React.createElement(FlexItem, null,
+                            React.createElement(TimesCircleIcon, null)))) : (React.createElement(TimesCircleIcon, null)), onClick: onClear, variant: "plain", "data-tracking-id": "clear-search", "aria-label": t('Clear this search') }))))));
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "pf-v6-c-select pf-m-expanded", ref: dropdownWrapperRef },
-            React.createElement(TextInputGroup, null,
-                React.createElement(TextInputGroupMain, { value: inputString, onChange: (event, value) => onQueryStringChange(value), onFocus: onInputFocus, ref: searchInputRef, onKeyDown: onKeyDown, placeholder: t('i18nEnterSolrQuery', 'Enter SOLR query, for example: severity:"1 (Urgent)" and status:"Waiting on Customer"'), className: "pf-v6-u-pr-2xl", type: "text", "aria-invalid": isQueryInValid ? true : false, autoComplete: "off", id: "advance-search-typeahead", "aria-label": t('Enter search query'), "aria-describedby": "advance-query-error-helper" }),
-                inputString && (React.createElement(TextInputGroupUtilities, null,
-                    React.createElement(Button, { icon: inputString && isParsingSuccessful ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
-                            React.createElement(FlexItem, null,
-                                React.createElement(Icon, { size: "md" },
-                                    React.createElement(CheckCircleIcon, { color: "#3E8635" }))),
-                            React.createElement(FlexItem, null,
-                                React.createElement(TimesCircleIcon, null)))) : (React.createElement(TimesCircleIcon, null)), onClick: onClear, variant: "plain", "data-tracking-id": "clear-search", "aria-label": t('Clear this search') })))),
-            isAutoCompleteListVisible && (React.createElement("ul", { className: "pf-v6-c-select__menu", "aria-labelledby": "advance-search-typeahead-label", role: "listbox" }, autoCompleteList.map((item, index) => (React.createElement("li", { key: index, role: "presentation", className: `pf-v6-c-select__menu-wrapper ${selectedItemIndex === index ? 'pf-m-focus' : ''}` },
-                React.createElement("button", { type: "button", onClick: (e) => onItemClick(item.value), className: "pf-v6-c-select__menu-item", "aria-selected": selectedItemIndex === index ? true : false, role: "option" }, item.display))))))),
+        React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, isOpen: isOpen, selected: null, onSelect: (_e, v) => onItemClick(v), onOpenChange: (open) => {
+                if (!isParsing) {
+                    setIsOpen(open);
+                }
+            }, popperProps: { direction: 'down', enableFlip: false }, toggle: toggle, isScrollable: true },
+            React.createElement(SelectList, null,
+                !isParsing &&
+                    map(autoCompleteList, (item, index) => (React.createElement(SelectOption, { key: item.value, value: item.value, isFocused: focusedItemIndex !== null && focusedItemIndex === index }, item.display))),
+                isParsing && (React.createElement(SelectOption, null,
+                    React.createElement(LoadingIndicator, null))))),
         React.createElement(Button, { type: "button", variant: "primary", "data-tracking-id": "case-list-adv-search-button", className: "search-btn", onClick: onSearchSubmit, isDisabled: isAdvancedSearchButtonDisabled },
             React.createElement(Trans, null, "Search")),
         React.createElement(Button, { hasNoPadding: true, className: "case-search-toggle", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAOD,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,GAClB,EAAE,MAAM,qBA8SR"}
+{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAOD,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,GAClB,EAAE,MAAM,qBAkTR"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, ButtonVariant, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextArea, TextInput, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, TextInput, } from '@patternfly/react-core';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, UserPreferencesKeys, } from '@rh-support/react-context';
 import find from 'lodash/find';
@@ -182,18 +182,21 @@ export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, select
         setLocalDefaultChecked(((_a = previousBookmarkedSearchesObj[selectedSearchNameToEdit]) === null || _a === void 0 ? void 0 : _a.defaultChecked) || false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filterInfo, filterQueryInfo.queryString, isAdding, selectedSearchNameToEdit, currentCaseSearchString]);
-    return (React.createElement(Modal, { variant: ModalVariant.medium, title: isAdding ? t('Save search and filters') : t('Edit saved search and filters'), isOpen: isModalOpen, onClose: closeModal, style: { overflow: 'visible' }, className: "save-search-modal" },
-        React.createElement(Form, { className: "save-search-form" },
-            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-name" }, t('Name')), isRequired: true, fieldId: "save-search-name", className: "form-group pull-bottom-narrow save-for-later-name" },
-                saveButtonIsClicked && isDuplicateNameError && (React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, null,
-                            React.createElement(Trans, null, "Filter with same name already exists. Please enter a unique name."))))),
-                React.createElement(TextInput, { isRequired: true, type: "text", placeholder: t('Enter a unique name to reference in the future'), id: "save-search-name", name: "save-search-name", "aria-describedby": "save-search-name-helper", value: localSavedSearchName, onChange: (_event, value) => handleSaveSearchNameChange(value), validated: saveButtonIsClicked && (isDuplicateNameError || isEmpty(localSavedSearchName.trim()))
-                        ? 'error'
-                        : 'default' })),
-            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-query" }, t('Search and filter query')), isRequired: true, fieldId: "filter-query", className: "form-group pf-v6-u-mt-lg save-for-later-query" },
-                React.createElement(TextArea, { isRequired: true, type: "text", id: "filter-query", name: "filter-query", "aria-describedby": "filter-query-helper", value: queryStr, isDisabled: true, resizeOrientation: "vertical" }))),
+    return (React.createElement(Modal, { variant: ModalVariant.medium, isOpen: isModalOpen, onClose: closeModal, style: { overflow: 'visible' }, className: "save-search-modal" },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, isAdding ? t('Save search and filters') : t('Edit saved search and filters'))),
+        React.createElement(ModalBody, null,
+            React.createElement(Form, { className: "save-search-form" },
+                React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-name" }, t('Name')), isRequired: true, fieldId: "save-search-name", className: "form-group pull-bottom-narrow save-for-later-name" },
+                    saveButtonIsClicked && isDuplicateNameError && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, null,
+                                React.createElement(Trans, null, "Filter with same name already exists. Please enter a unique name."))))),
+                    React.createElement(TextInput, { isRequired: true, type: "text", placeholder: t('Enter a unique name to reference in the future'), id: "save-search-name", name: "save-search-name", "aria-describedby": "save-search-name-helper", value: localSavedSearchName, onChange: (_event, value) => handleSaveSearchNameChange(value), validated: saveButtonIsClicked && (isDuplicateNameError || isEmpty(localSavedSearchName.trim()))
+                            ? 'error'
+                            : 'default' })),
+                React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-query" }, t('Search and filter query')), isRequired: true, fieldId: "filter-query", className: "form-group pf-v6-u-mt-lg save-for-later-query" },
+                    React.createElement(TextArea, { isRequired: true, type: "text", id: "filter-query", name: "filter-query", "aria-describedby": "filter-query-helper", value: queryStr, isDisabled: true, resizeOrientation: "vertical" })))),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "save", variant: ButtonVariant.primary, isLoading: isUpdating, spinnerAriaValueText: hydraUserPreferences.isFetching ? 'Saving' : undefined, isDisabled: hydraUserPreferences.isFetching ||
                     (saveButtonIsClicked && (isEmpty(localSavedSearchName.trim()) || isDuplicateNameError)), "data-tracking-id": isAdding ? 'case-list-bookmark-search-saved' : 'case-list-bookmark-search-edited', onClick: save },

package/lib/esm/css/caseList.css

@@ -112,6 +112,9 @@
 
 .cases-main .case-search-top .filter-chip-wrapper .filter-chip {
     display: inline-flex;
+    flex-wrap: wrap;
+    row-gap: 0.5rem;
+    column-gap: 0.5rem;
     align-items: baseline;
     margin: 0.4rem 1rem 0.4rem 0;
 }

package/lib/esm/hooks/useCloseCase.d.ts

@@ -14,7 +14,7 @@ export declare function useCloseCase(props: IUseCloseCaseProps): {
     maxCasesSelected: boolean;
     showWarning: boolean;
     showError: boolean;
-    getTooltipContent: () => any;
+    getTooltipContent: () => string;
     onCancel: () => void;
     onConfirm: (commentBody: any) => Promise<void>;
     onBtnClick: () => void;

package/lib/esm/hooks/useExportCaseListCSV.d.ts

@@ -10,7 +10,7 @@ export declare function useExportCaseListCSV(props: IUseExportCaseListCSV): {
     isExportButtonDisabled: boolean;
     openUpdateSeverityModal: boolean;
     showError: boolean;
-    getTooltipContent: () => any;
+    getTooltipContent: () => string;
     toggleDownloadCSVModal: () => void;
 };
 //# sourceMappingURL=useExportCaseListCSV.d.ts.map

package/lib/esm/test-utils/testUtils.d.ts

@@ -9,8 +9,6 @@ export declare function renderWithRouter(ui: any, { route, history }?: {
 }): IRenderWithRouter;
 export declare const generateUrl: (path: string, pathParams: any) => string;
 export declare class EscalationPageTestUtils {
-    private pageUtils;
-    constructor(utils: any);
     get saveBtn(): HTMLElement;
     get cancelBtn(): HTMLElement;
     clickBtn(btn: any): void;

package/lib/esm/test-utils/testUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/test-utils/testUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7D,UAAU,iBAAkB,SAAQ,YAAY;IAC5C,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAC5B,EAAE,KAAA,EACF,EAAE,KAAW,EAAE,OAA0D,EAAE;;;CAAK,GACjF,iBAAiB,CAKnB;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,sBAAe,MAUtD,CAAC;AAEF,qBAAa,uBAAuB;IAChC,OAAO,CAAC,SAAS,CAAe;gBACpB,KAAK,KAAA;IAGjB,IAAI,OAAO,gBAEV;IAED,IAAI,SAAS,gBAEZ;IAED,QAAQ,CAAC,GAAG,KAAA;IAIZ,OAAO,CAAC,KAAK;IAIb,IAAI,aAAa,gBAEhB;IAED,IAAI,YAAY,gBAEf;IAED,IAAI,WAAW,gBAEd;IAED,IAAI,UAAU,gBAEb;IAED,IAAI,eAAe,gBAElB;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,cAAc,gBAEjB;IAED,IAAI,OAAO,gBAEV;IAED,IAAI,QAAQ,gBAEX;IAED,IAAI,UAAU,gBAEb;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,YAAY,gBAEf;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,WAAW,gBAEd;IAED,gBAAgB,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;IAI7B,mCAAmC;IAYnC,uCAAuC;IAIvC,kCAAkC;CAYrC"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../../src/test-utils/testUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAU,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7D,UAAU,iBAAkB,SAAQ,YAAY;IAC5C,OAAO,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAC5B,EAAE,KAAA,EACF,EAAE,KAAW,EAAE,OAA0D,EAAE;;;CAAK,GACjF,iBAAiB,CAKnB;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,sBAAe,MAUtD,CAAC;AAEF,qBAAa,uBAAuB;IAChC,IAAI,OAAO,gBAEV;IAED,IAAI,SAAS,gBAEZ;IAED,QAAQ,CAAC,GAAG,KAAA;IAIZ,OAAO,CAAC,KAAK;IAIb,IAAI,aAAa,gBAEhB;IAED,IAAI,YAAY,gBAEf;IAED,IAAI,WAAW,gBAEd;IAED,IAAI,UAAU,gBAEb;IAED,IAAI,eAAe,gBAElB;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,cAAc,gBAEjB;IAED,IAAI,OAAO,gBAEV;IAED,IAAI,QAAQ,gBAEX;IAED,IAAI,UAAU,gBAEb;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,YAAY,gBAEf;IAED,IAAI,gBAAgB,gBAEnB;IAED,IAAI,WAAW,gBAEd;IAED,gBAAgB,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;IAI7B,mCAAmC;IAYnC,uCAAuC;IAIvC,kCAAkC;CAYrC"}

package/lib/esm/test-utils/testUtils.js

@@ -1,4 +1,4 @@
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { createMemoryHistory } from 'history';
 import React from 'react';
 import { Router } from 'react-router-dom';
@@ -16,20 +16,17 @@ export const generateUrl = (path, pathParams) => {
     return tempPath;
 };
 export class EscalationPageTestUtils {
-    constructor(utils) {
-        this.pageUtils = utils;
-    }
     get saveBtn() {
-        return this.pageUtils.queryByText(/Send Request/i, { selector: 'button' });
+        return screen.getByRole('button', { name: /Send Request/i });
     }
     get cancelBtn() {
-        return this.pageUtils.queryByText(/Cancel/i, { selector: 'button' });
+        return screen.getByRole('button', { name: /Cancel/i });
     }
     clickBtn(btn) {
         fireEvent.click(btn);
     }
     field(fieldLabel) {
-        return this.pageUtils.queryByLabelText(fieldLabel);
+        return screen.getByLabelText(fieldLabel);
     }
     get requestorName() {
         return this.field(/Your Name/i);

package/lib/esm/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAmB1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,iDAAiD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAmB1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,iDAAiD,CAAC"}

package/lib/esm/utils/constants.js

@@ -1,23 +1,24 @@
+import i18n from 'i18next';
 import { SolrKeys } from '../enums/filters';
 // used for adding title text for different solr fields
 export const filterNamesMap = {
-    [SolrKeys.status]: 'Status',
-    [SolrKeys.severity]: 'Severity',
-    [SolrKeys.group]: 'Groups',
-    [SolrKeys.accountNumber]: 'Bookmarks',
-    [SolrKeys.caseSummary]: 'Title',
-    [SolrKeys.escalation]: 'Escalated',
-    [SolrKeys.contactName]: 'Owner',
-    [SolrKeys.product]: 'Products',
-    [SolrKeys.version]: 'Version',
-    [SolrKeys.createdBy]: 'Created by',
-    [SolrKeys.createdDate]: 'Created date',
-    [SolrKeys.modifiedBy]: 'Modified by',
-    [SolrKeys.uri]: 'Uri',
-    [SolrKeys.caseNumber]: 'Case number',
-    [SolrKeys.createdBySsoUsername]: 'Created by me',
-    [SolrKeys.caseContactSSO]: 'Owned by me',
-    [SolrKeys.type]: 'Support type',
-    usernameFilterTitle: 'Username',
+    [SolrKeys.status]: i18n.t('Status'),
+    [SolrKeys.severity]: i18n.t('Severity'),
+    [SolrKeys.group]: i18n.t('Groups'),
+    [SolrKeys.accountNumber]: i18n.t('Bookmarks'),
+    [SolrKeys.caseSummary]: i18n.t('Title'),
+    [SolrKeys.escalation]: i18n.t('Escalated'),
+    [SolrKeys.contactName]: i18n.t('Owner'),
+    [SolrKeys.product]: i18n.t('Products'),
+    [SolrKeys.version]: i18n.t('Version'),
+    [SolrKeys.createdBy]: i18n.t('Created by'),
+    [SolrKeys.createdDate]: i18n.t('Created date'),
+    [SolrKeys.modifiedBy]: i18n.t('Modified by'),
+    [SolrKeys.uri]: i18n.t('Uri'),
+    [SolrKeys.caseNumber]: i18n.t('Case number'),
+    [SolrKeys.createdBySsoUsername]: i18n.t('Created by me'),
+    [SolrKeys.caseContactSSO]: i18n.t('Owned by me'),
+    [SolrKeys.type]: i18n.t('Support type'),
+    usernameFilterTitle: i18n.t('Username'),
 };
 export const UpdatedCaseDataEvent = 'PCM-Next > case-list-data-background-refresh';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.9",
+    "version": "2.6.11",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -43,11 +43,11 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.27",
-        "@rh-support/react-context": "2.5.29",
+        "@rh-support/components": "2.5.29",
+        "@rh-support/react-context": "2.5.31",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.18",
-        "@rh-support/utils": "2.5.17",
+        "@rh-support/user-permissions": "2.5.19",
+        "@rh-support/utils": "2.5.18",
         "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": "3f2c96a3a976d37cffe4052f7c7bfefbf1018949"
+    "gitHead": "e0bf8c7dfd320b0250ba6cb2efa66abcd1c0edf1"
 }