@rh-support/cases 2.6.170 → 2.6.173

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

@@ -1,3 +1,9 @@
 import React from 'react';
-export declare function CaseListFilterChips(): React.JSX.Element;
+import { IProductVersionPivotMap } from '../CaseList';
+interface IProps {
+    productVersionPivotValues: IProductVersionPivotMap[];
+    isSolrSearchDown: boolean;
+}
+export declare function CaseListFilterChips(props: IProps): React.JSX.Element;
+export {};
 //# 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;AAU1C,wBAAgB,mBAAmB,sBAwHlC"}
+{"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"}

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

@@ -7,10 +7,11 @@ 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() {
+export function CaseListFilterChips(props) {
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
     const currentFilterLength = flatMap(filterInfo).length;
@@ -36,10 +37,15 @@ export function CaseListFilterChips() {
     };
     const getChipGroupForFilter = (filterKey, filterValues, groupName = '') => {
         const caseTypeFilter = filterKey === 'case_type' ? toNewCaseTypeMapper(filterValues) : filterValues;
-        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))));
+        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))));
+        }
     };
     const renderAccountFilterChip = () => {
         const visibleChips = [];
@@ -80,8 +86,10 @@ export function CaseListFilterChips() {
     return (React.createElement(React.Fragment, null, isAnyFilterApplied && (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: filterInfo[ProductVersionKey] })),
-            showUsernameFilter && React.createElement(CreatorSsoNameFilterChip, null),
+            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),
             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,12 +1,15 @@
 import { IApiResponseDetails } from '@rh-support/types/shared';
-import { ITroubleshootProductResponse } from '@rh-support/utils';
+import { ISolrResponseToFacetFields, 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: ({ allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts }: IProps) => React.JSX.Element;
+export declare const CaseListFilters: ({ filterValues, allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts, isSolrSearchDown, }: 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,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,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,sBAmExG,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,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"}

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

@@ -1,5 +1,7 @@
 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';
@@ -9,7 +11,9 @@ import { ProductsFilter } from './ProductsFilter';
 import { SeverityFilter } from './SeverityFilter';
 import { StatusFilter } from './StatusFilter';
 import { TypeFilter } from './TypeFilter';
-export const CaseListFilters = ({ allCaseTypes, allCaseSeverities, allCaseStatuses, allProducts }) => {
+// 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, }) => {
     var _a, _b;
     const ability = useContext(AbilityContext);
     const canReadAccountFilter = ability.can(resourceActions.READ, resources.ACCOUNTS_FILTER);
@@ -21,21 +25,17 @@ export const CaseListFilters = ({ allCaseTypes, allCaseSeverities, allCaseStatus
     const canAccessSeverityFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.SEVERITY_FILTER);
     const canAccessAdditionalFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.ADDITIONAL_FILTER);
     const canAccessGroupsFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.GROUPS_FILTER);
-    void canAccessGroupsFilter;
-    void GroupsFilter;
     const canAccessCreatorFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.CREATOR_FILTER);
     const canAccessTypeFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.TYPE_FILTER);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "filter-group" },
-            canReadAccountFilter && React.createElement(AccountsFilter, { canReadBookmarkAccounts: canReadAccountFilter }),
-            (canReadBookmarkAccounts || canAccessManagedAccounts) && (React.createElement(AccountsBookmarkedGroupFilter, { canManageBookmarkAccounts: canManageBookmarkAccounts, canReadBookmarkAccounts: canReadBookmarkAccounts, canAccessManagedAccounts: canAccessManagedAccounts })),
-            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))));
+            !isSolrSearchDown && canReadAccountFilter && (React.createElement(AccountsFilter, { canReadBookmarkAccounts: canReadAccountFilter })),
+            !isSolrSearchDown && (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))));
 };

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

@@ -1,8 +1,10 @@
 import React from 'react';
+import { IProductVersionPivotMap } from '../CaseList';
 import { IProductFilter } from '../CaseListFilterReducer';
 interface IProps {
     productList: IProductFilter[];
+    productVersionPivot: IProductVersionPivotMap[];
 }
-export declare function ProductFilterChip({ productList }: IProps): React.JSX.Element;
+export declare function ProductFilterChip({ productList, productVersionPivot }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ProductFilterChip.d.ts.map

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,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAGxE,UAAU,MAAM;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,qBAsExD"}
+{"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

@@ -7,7 +7,7 @@ import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { updateFilter } from '../CaseListFilterReducer';
 import { VersionsFilter } from './VersionsFilter';
-export function ProductFilterChip({ productList }) {
+export function ProductFilterChip({ productList, productVersionPivot = [] }) {
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
     const canAccessVersionsFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.VERSIONS_FILTER);
@@ -26,7 +26,7 @@ export function ProductFilterChip({ productList }) {
     return (React.createElement("div", { className: "filter-chip" },
         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 }),
+            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))),
             React.createElement(Button, { icon: React.createElement(TimesCircleIcon, { "aria-hidden": "true" }), className: "pf-v6-c-button__icon", variant: ButtonVariant.plain, "aria-label": "Remove product", onClick: () => deleteProduct(currentProduct) })))))) : (React.createElement(LabelGroup, { numLabels: 10, categoryName: "Product", key: "products" }, productList.map((currentProduct, index) => (React.createElement(Label, { variant: "outline", key: `${currentProduct.value}-${index}`, onClose: () => deleteProduct(currentProduct) }, currentProduct.value)))))));
 }

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

@@ -1,10 +1,9 @@
+import { IFacetResponse } from '@rh-support/types/shared';
 import React from 'react';
-interface IProductOption {
-    name: string;
-    productId: string;
-}
 interface IProps {
-    allProducts: IProductOption[];
+    filterValues: IFacetResponse[];
+    isSolrSearchDown: boolean;
+    allProducts: string[];
 }
 export declare function ProductsFilter(props: IProps): React.JSX.Element;
 export {};

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,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,MAAM;IACZ,WAAW,EAAE,cAAc,EAAE,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAoL3C"}
+{"version":3,"file":"ProductsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/ProductsFilter.tsx"],"names":[],"mappings":"AAUA,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+O3C"}

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

@@ -1,5 +1,5 @@
 import { MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
-import { useSelectKeyboardNavigator } from '@rh-support/components';
+import { SingleSelectDropdown, useSelectKeyboardNavigator } from '@rh-support/components';
 import { getDropdownBtnPlaceholder } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
@@ -10,11 +10,11 @@ import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { updateFilter } from '../CaseListFilterReducer';
 export function ProductsFilter(props) {
-    var _a;
+    var _a, _b, _c, _d, _f;
     const { t } = useTranslation();
     const dispatch = useContext(CaseListFilterDispatchContext);
     const { filterInfo } = useContext(CaseListFilterStateContext);
-    const { allProducts } = props;
+    const { allProducts, filterValues, isSolrSearchDown } = props;
     const [isOpen, setIsOpen] = useState(false);
     const [selectedItems, setSelectedItems] = useState({});
     const [activeItem, setActiveItem] = useState(null);
@@ -23,24 +23,51 @@ export function ProductsFilter(props) {
     const selectedProducts = !isUndefined(filterInfo) && !isUndefined(filterInfo[SolrPivotKeys.product_version])
         ? filterInfo[SolrPivotKeys.product_version]
         : [];
-    const productOptions = allProducts.map((product) => ({
+    const productOptions = filterValues.map((product) => ({
         field: SolrKeys.product,
-        value: product.name,
-        productId: product.productId,
+        value: product.value,
         [SolrKeys.version]: [],
     }));
+    const singleSelectOptions = allProducts.length > 0
+        ? allProducts.map((product) => ({
+            value: product,
+            label: product,
+        }))
+        : [{ value: '', label: t('No products available') }];
+    const selectedProduct = ((_b = (_a = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrPivotKeys.product_version]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value) || '';
+    const selectedOption = {
+        value: selectedProduct,
+        label: selectedProduct,
+    };
+    // Single select mode for when Solr is down
+    const onFilterChangeSingleSelect = (selection) => {
+        updateFilter(dispatch, {
+            filterKey: SolrPivotKeys.product_version,
+            values: [{ field: SolrKeys.product, value: selection.value, [SolrKeys.version]: [] }],
+        });
+        setIsOpen(false);
+    };
+    const onSingleSelectChange = (option) => {
+        // Don't update filter if no products are available
+        if (allProducts.length === 0 || option.value === '') {
+            return;
+        }
+        updateFilter(dispatch, {
+            filterKey: SolrPivotKeys.product_version,
+            values: [{ field: SolrKeys.product, value: option.value, [SolrKeys.version]: [] }],
+        });
+    };
+    // Multi-select mode
     const onSelect = (option) => {
-        var _a;
         let newSelectedProducts = [];
         if (selectedProducts === null || selectedProducts === void 0 ? void 0 : selectedProducts.some((product) => option.value === product.value)) {
             newSelectedProducts = selectedProducts.filter((product) => option.value !== product.value);
             setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: false })));
         }
         else {
-            const productId = option.productId || ((_a = allProducts.find((p) => p.name === option.value)) === null || _a === void 0 ? void 0 : _a.productId) || '';
             newSelectedProducts = [
                 ...selectedProducts,
-                { field: SolrKeys.product, value: option.value, productId, [SolrKeys.version]: [] },
+                { field: SolrKeys.product, value: option.value, [SolrKeys.version]: [] },
             ];
             setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: true })));
         }
@@ -66,12 +93,21 @@ export function ProductsFilter(props) {
         resetIndexOnClose: true,
         isDisabled: false,
         setIsOpen,
-        onSelect,
+        onSelect: (item) => {
+            if (isSolrSearchDown) {
+                onFilterChangeSingleSelect(item);
+            }
+            else {
+                onSelect(item);
+            }
+        },
     });
     const onTextInputChange = (_event, value) => {
         setInputValue(value);
     };
-    const placeholder = getDropdownBtnPlaceholder(t('Select a product'), ((_a = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrPivotKeys.product_version]) === null || _a === void 0 ? void 0 : _a.map((i) => i.value)) || [], '', (allProducts === null || allProducts === void 0 ? void 0 : allProducts.length) || 0, t('All selected'));
+    const placeholder = isSolrSearchDown
+        ? ((_d = (_c = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrPivotKeys.product_version]) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value) || t('Select a product')
+        : getDropdownBtnPlaceholder(t('Select a product'), ((_f = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrPivotKeys.product_version]) === null || _f === void 0 ? void 0 : _f.map((i) => i.value)) || [], '', props.filterValues.length, t('All selected'));
     const toggleForMultiSelect = (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: "multi-typeahead-product-filter-input", autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItem && { 'aria-activedescendant': activeItem }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-multi-typeahead-product-listbox" })))));
@@ -93,6 +129,9 @@ export function ProductsFilter(props) {
     }, [inputValue]);
     useEffect(() => {
         var _a;
+        if (isSolrSearchDown) {
+            return;
+        }
         if (isEmpty(filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrPivotKeys.product_version])) {
             setSelectedItems({});
         }
@@ -103,13 +142,13 @@ export function ProductsFilter(props) {
             }, {});
             setSelectedItems(selectedProductItems || {});
         }
-    }, [filterInfo]);
+    }, [filterInfo, isSolrSearchDown]);
     const renderOptions = () => {
         const filteredOptions = getFilteredOptions();
-        return filteredOptions.map((option, index) => (React.createElement(SelectOption, { key: `product-option-${index}`, value: option, hasCheckbox: true, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-product-${String(option.value).replace(/\s/g, '-')}` }, option.value)));
+        return filteredOptions.map((option, index) => (React.createElement(SelectOption, { key: `product-option-${index}`, value: option, hasCheckbox: !isSolrSearchDown, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-product-${String(option.value).replace(/\s/g, '-')}` }, option.value)));
     };
     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])),
-        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, maxWidth: '30rem' } },
-            React.createElement(SelectList, null, renderOptions()))));
+        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, maxWidth: '30rem' } },
+            React.createElement(SelectList, null, renderOptions())))));
 }

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

@@ -1,6 +1,9 @@
+import { IFacetResponse } from '@rh-support/types/shared';
 import React from 'react';
 interface IProps {
+    filterValues: IFacetResponse[];
     allCaseSeverities: string[];
+    isSolrSearchDown: boolean;
 }
 export declare function SeverityFilter(props: IProps): React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"SeverityFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/SeverityFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,iBAAiB,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA0I3C"}
+{"version":3,"file":"SeverityFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/SeverityFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAoL3C"}

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

@@ -1,5 +1,5 @@
 import { Button, MenuToggle, Select, SelectList, SelectOption, } from '@patternfly/react-core';
-import { useSelectKeyboardNavigator } from '@rh-support/components';
+import { SingleSelectDropdown, useSelectKeyboardNavigator } from '@rh-support/components';
 import { getDropdownBtnPlaceholder } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useState } from 'react';
@@ -9,38 +9,56 @@ import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { updateFilter } from '../CaseListFilterReducer';
 export function SeverityFilter(props) {
+    var _a;
     const { t } = useTranslation();
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const dispatch = useContext(CaseListFilterDispatchContext);
     const [isOpen, setIsOpen] = useState(false);
     const [selectedItems, setSelectedItems] = useState({});
-    const list = (props.allCaseSeverities || []).map((severity) => ({
-        value: severity,
-        key: severity,
+    const list = props.isSolrSearchDown
+        ? props.allCaseSeverities.map((severity) => ({ value: severity, key: severity }))
+        : props.filterValues.map((filterValue) => ({ value: filterValue.value, key: filterValue.value }));
+    const singleSelectOptions = list.map((item) => ({
+        value: item.value,
+        label: item.value,
     }));
+    const selectedSeverity = ((_a = filterInfo[SolrKeys.severity]) === null || _a === void 0 ? void 0 : _a[0]) || '';
+    const selectedOption = {
+        value: selectedSeverity,
+        label: selectedSeverity,
+    };
     const onToggleClick = (e) => {
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
-        const prevSelectedSeverities = Object.keys(selectedItems).filter((item) => selectedItems[item] && item);
-        if (selectedItems[option.value]) {
-            setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: false })));
+        if (props.isSolrSearchDown) {
             updateFilter(dispatch, {
                 filterKey: SolrKeys.severity,
-                values: prevSelectedSeverities.filter((item) => item !== option.value),
+                values: [option.value],
             });
+            setIsOpen(false);
+            return;
+        }
+        const prevSelectedSeverities = Object.keys(selectedItems).filter((item) => selectedItems[item] && item);
+        if (selectedItems[option.value]) {
+            setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: false })));
+            const index = prevSelectedSeverities.indexOf(option.value);
+            prevSelectedSeverities.splice(index, 1);
         }
         else {
             setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: true })));
-            updateFilter(dispatch, {
-                filterKey: SolrKeys.severity,
-                values: [...prevSelectedSeverities, option.value],
-            });
+            prevSelectedSeverities.push(option.value);
         }
+        updateFilter(dispatch, {
+            filterKey: SolrKeys.severity,
+            values: prevSelectedSeverities,
+        });
     };
+    // Use the keyboard navigator hook
     const { focusedItemIndex, onInputKeyDown } = useSelectKeyboardNavigator({
         list,
         isOpen,
+        resetIndexOnClose: true,
         setIsOpen,
         onSelect,
     });
@@ -51,17 +69,25 @@ export function SeverityFilter(props) {
             values: [],
         });
     };
-    const placeholder = getDropdownBtnPlaceholder(t('Select a severity'), filterInfo[SolrKeys.severity], ' ', list.length, t('All selected'));
+    const placeholder = props.isSolrSearchDown
+        ? t('Select a severity')
+        : getDropdownBtnPlaceholder(t('Select a severity'), filterInfo[SolrKeys.severity], ' ', list.length, t('All selected'));
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "default", onClick: onToggleClick, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true, onKeyDown: onInputKeyDown },
         placeholder,
         Object.keys(selectedItems).filter((key) => selectedItems[key] === true).length > 0 && (React.createElement(Button, { icon: "", variant: "plain", onClick: onClick, "aria-label": "Clear selection", className: "pf-v6-c-select__toggle-clear" }))));
-    const dropdownOptions = list.map((option, index) => !isEmpty(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: true, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-severity-${option.value.replace(' ', '-')}` }, option.value)));
+    const dropdownOptions = list.map((option, index) => !isEmpty(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: !props.isSolrSearchDown, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-severity-${option.value.replace(' ', '-')}` }, option.value)));
+    const onSingleSelectChange = (option) => {
+        updateFilter(dispatch, {
+            filterKey: SolrKeys.severity,
+            values: [option.value],
+        });
+    };
     useEffect(() => {
         var _a;
         if (isEmpty(filterInfo[SolrKeys.severity])) {
             setSelectedItems({});
         }
-        else {
+        else if (!props.isSolrSearchDown) {
             const selectedSeverities = (_a = filterInfo[SolrKeys.severity]) === null || _a === void 0 ? void 0 : _a.reduce((selection, severity) => {
                 selection[severity] = true;
                 return selection;
@@ -69,9 +95,9 @@ export function SeverityFilter(props) {
             setSelectedItems(selectedSeverities);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [filterInfo[SolrKeys.severity]]);
+    }, [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])),
-        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))));
+        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.d.ts

@@ -1,5 +1,8 @@
+import { IFacetResponse } from '@rh-support/types/shared';
 import React from 'react';
 interface IProps {
+    filterValues: IFacetResponse[];
+    isSolrSearchDown: boolean;
     allCaseStatuses: string[];
 }
 export interface IStatusFilterOptions {

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

@@ -1 +1 @@
-{"version":3,"file":"StatusFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/StatusFilter.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,eAAe,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAqKzC"}
+{"version":3,"file":"StatusFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/StatusFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAkNzC"}

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

@@ -1,23 +1,43 @@
 import { Button, MenuToggle, Select, SelectList, SelectOption, } from '@patternfly/react-core';
-import { useSelectKeyboardNavigator } from '@rh-support/components';
+import { SingleSelectDropdown, useSelectKeyboardNavigator } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SolrKeys } from '../../../enums/filters';
-import { filterNamesMap, PORTAL_DISPLAY_STATUSES } from '../../../utils/constants';
+import { filterNamesMap } from '../../../utils/constants';
 import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
 import { updateFilter } from '../CaseListFilterReducer';
 export function StatusFilter(props) {
+    var _a;
     const dispatch = useContext(CaseListFilterDispatchContext);
     const { t } = useTranslation();
     const { filterInfo } = useContext(CaseListFilterStateContext);
     const [isOpen, setIsOpen] = useState(false);
     const [selectedItems, setSelectedItems] = useState({});
-    const list = PORTAL_DISPLAY_STATUSES.map((status) => ({ value: status, key: status }));
+    const list = props.isSolrSearchDown
+        ? props.allCaseStatuses.map((status) => ({ value: status, key: status }))
+        : props.filterValues.map((filterValue) => ({ value: filterValue.value, key: filterValue.value }));
+    const singleSelectOptions = list.map((item) => ({
+        value: item.value,
+        label: item.value,
+    }));
+    const selectedStatus = ((_a = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status]) === null || _a === void 0 ? void 0 : _a[0]) || '';
+    const selectedOption = {
+        value: selectedStatus,
+        label: selectedStatus,
+    };
     const onToggleClick = (e) => {
         setIsOpen(!isOpen);
     };
     const onSelect = (option) => {
+        if (props.isSolrSearchDown) {
+            updateFilter(dispatch, {
+                filterKey: SolrKeys.status,
+                values: [option.value],
+            });
+            setIsOpen(false);
+            return;
+        }
         const prevSelectedStatuses = Object.keys(selectedItems).filter((item) => selectedItems[item] && item);
         if (selectedItems[option.value]) {
             setSelectedItems((prevData) => (Object.assign(Object.assign({}, prevData), { [option.value]: false })));
@@ -55,32 +75,42 @@ export function StatusFilter(props) {
         else if (selectedValues && selectedValues.length === 1) {
             return selectedValues[0];
         }
-        else if (selectedValues && totalLength && selectedValues.length === totalLength) {
+        else if (selectedValues && selectedValues.length === 3) {
             return t('All cases');
         }
         else {
-            const hasAllOpenSelected = selectedValues.includes('In Progress') &&
-                selectedValues.includes('Waiting on Customer') &&
-                !selectedValues.includes('Closed');
-            if (hasAllOpenSelected) {
+            if (selectedValues &&
+                selectedValues.length === 2 &&
+                selectedValues.every((item) => item.includes('Waiting'))) {
                 return t('All open cases');
             }
+            else if (selectedValues && totalLength && selectedValues.length === totalLength) {
+                return totalLengthString || btnPlaceholder;
+            }
             else {
                 return `${selectedValues.length} ${type} selected`;
             }
         }
     };
-    const placeholder = getBtnPlaceholder(t('Select a status'), (filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status]) || [], ' ', list.length, t('All selected'));
+    const placeholder = props.isSolrSearchDown
+        ? t('Select a status')
+        : getBtnPlaceholder(t('Select a status'), (filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status]) || [], ' ', list.length, t('All selected'));
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "default", onClick: onToggleClick, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true, onKeyDown: onInputKeyDown },
         placeholder,
         Object.keys(selectedItems).filter((key) => selectedItems[key] === true).length > 0 && (React.createElement(Button, { icon: "", variant: "plain", onClick: onClick, "aria-label": "Clear selection", className: "pf-v6-c-select__toggle-clear" }))));
-    const dropdownOptions = list.map((option, index) => !isEmpty(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: true, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-status-${option.value.replace(' ', '-')}` }, option.value)));
+    const dropdownOptions = list.map((option, index) => !isEmpty(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: !props.isSolrSearchDown, isSelected: selectedItems[option.value], isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-status-${option.value.replace(' ', '-')}` }, option.value)));
+    const onSingleSelectChange = (option) => {
+        updateFilter(dispatch, {
+            filterKey: SolrKeys.status,
+            values: [option.value],
+        });
+    };
     useEffect(() => {
         var _a;
         if (isEmpty(filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status])) {
             setSelectedItems({});
         }
-        else {
+        else if (!props.isSolrSearchDown) {
             const selectedStatuses = (_a = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status]) === null || _a === void 0 ? void 0 : _a.reduce((selection, status) => {
                 selection[status] = true;
                 return selection;
@@ -88,10 +118,10 @@ export function StatusFilter(props) {
             setSelectedItems(selectedStatuses || {});
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status]]);
+    }, [filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.status], props.isSolrSearchDown]);
     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])),
-        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))));
+        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/VersionsFilter.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { IProductVersionPivotMap } from '../CaseList';
 import { IProductFilter } from '../CaseListFilterReducer';
 interface IProps {
     productInfo: IProductFilter;
+    productVersionPivot: IProductVersionPivotMap[];
 }
-export declare function VersionsFilter({ productInfo }: IProps): React.JSX.Element;
+export declare function VersionsFilter({ productInfo, productVersionPivot }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=VersionsFilter.d.ts.map