@rh-support/cases 2.1.33 → 2.4.10-beta.6

package/lib/esm/css/caseList.css

@@ -46,15 +46,15 @@
     width: 220px;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle > * {
+.case-search-top .bookmark-search-dropdown .pf-c-dropdown__toggle > * {
     font-size: 16px;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button {
+.case-search-top .bookmark-search-dropdown .pf-c-dropdown__toggle-button {
     padding: 6px 1rem;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button:first-child {
+.case-search-top .bookmark-search-dropdown .pf-c-dropdown__toggle-button:first-child {
     -ms-flex: 1;
     flex-grow: 1;
     text-align: left;
@@ -63,12 +63,12 @@
     white-space: nowrap;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button[disabled] {
+.case-search-top .bookmark-search-dropdown .pf-c-dropdown__toggle-button[disabled] {
     background-color: #e6e6e6;
     color: #73767b;
 }
 
-.case-search-top .bookmark-search-dropdown .pf-v5-c-dropdown__toggle-button[disabled]:hover {
+.case-search-top .bookmark-search-dropdown .pf-c-dropdown__toggle-button[disabled]:hover {
     border-bottom-color: #151515;
 }
 
@@ -128,39 +128,39 @@
     flex-direction: column;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group {
+.case-search-top .filter-chip-wrapper .pf-c-chip-group {
     padding: 4px;
     background-color: #f0f0f0;
     border-radius: 4px;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group + .pf-v5-c-chip-group {
+.case-search-top .filter-chip-wrapper .pf-c-chip-group + .pf-c-chip-group {
     margin-left: 0.25rem;
 }
 
-.case-search-top .filter-chip-wrapper .pf-v5-c-chip-group.pf-v5-c-chip-group__simple {
+.case-search-top .filter-chip-wrapper .pf-c-chip-group.pf-c-chip-group__simple {
     padding: 6px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip-group__label {
+.cases-main .case-search-top .filter-chip-wrapper .pf-c-chip-group__label {
     font-size: 14px;
     padding-left: 6px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip-group__main {
+.cases-main .case-search-top .filter-chip-wrapper .pf-c-chip-group__main {
     align-items: center;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper .pf-v5-c-chip__text {
+.cases-main .case-search-top .filter-chip-wrapper .pf-c-chip__text {
     font-size: 14px;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper button.pf-v5-c-select__toggle {
+.cases-main .case-search-top .filter-chip-wrapper button.pf-c-select__toggle {
     font-size: 13px;
-    --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color) !important;
+    --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
 
-.cases-main .case-search-top .filter-chip-wrapper button.pf-v5-c-select__toggle svg {
+.cases-main .case-search-top .filter-chip-wrapper button.pf-c-select__toggle svg {
     margin-left: 4px;
 }
 
@@ -231,11 +231,11 @@
     margin-top: 4px;
 }
 
-.case-search-bottom .case-list-table tr td:not(.pf-v5-c-table__check) {
+.case-search-bottom .case-list-table tr td:not(.pf-c-table__check) {
     min-width: 80px;
 }
 
-/* .case-search-bottom .case-list-table tr td.pf-v5-c-table__check {
+/* .case-search-bottom .case-list-table tr td.pf-c-table__check {
     padding: 2rem 1rem 1.5rem 2rem !important;
 } */
 
@@ -272,7 +272,7 @@
 }
 
 .case-search-filters .filter-header {
-    background-color: #f2f2f2;
+    background-color: #dedede;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 0.98rem 1.35rem;
@@ -315,9 +315,9 @@
     margin-bottom: 2rem;
 }
 
-.filter-wrapper .filter-group > .pf-v5-c-select h3,
+.filter-wrapper .filter-group > .pf-c-select h3,
 .filter-wrapper .filter-group > .additional-filters h3,
-.filter-wrapper .filter-group > .pf-v5-c-select label {
+.filter-wrapper .filter-group > .pf-c-select label {
     margin-bottom: 0;
     padding-bottom: 8px;
     font-family: 'Red Hat Text';
@@ -329,7 +329,7 @@
     padding-bottom: 10px;
 }
 
-.filter-wrapper .filter-group > .additional-filters .pf-v5-c-check {
+.filter-wrapper .filter-group > .additional-filters .pf-c-check {
     margin-bottom: 14px;
 }
 
@@ -337,12 +337,12 @@
     margin-right: 0;
 }
 
-/* .filter-wrapper .filter-group > .pf-v5-c-select .pf-v5-c-select__toggle,
-.filter-wrapper .filter-group > .pf-v5-c-select .pf-v5-c-select__toggle .pf-v5-c-select__toggle-typeahead {
+/* .filter-wrapper .filter-group > .pf-c-select .pf-c-select__toggle,
+.filter-wrapper .filter-group > .pf-c-select .pf-c-select__toggle .pf-c-select__toggle-typeahead {
     font-size: 15px;
 } */
 
-#rh-support-cases .pf-v5-c-select .pf-v5-c-select__menu li label,
+#rh-support-cases .pf-c-select .pf-c-select__menu li label,
 .filter-wrapper .filter-group > .additional-filters label {
     margin-bottom: 0;
     font-size: 15px;
@@ -393,7 +393,7 @@
         margin-bottom: 0;
     }
 
-    .case-search-top .filter-chips .pf-v5-c-chip-group {
+    .case-search-top .filter-chips .pf-c-chip-group {
         margin-top: 0;
     }
 
@@ -464,8 +464,8 @@
     }
 }
 
-.filter-group .pf-v5-c-select__toggle {
-    --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color) !important;
+.filter-group .pf-c-select__toggle {
+    --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color) !important;
 }
 
 @media (min-width: 770px) {
@@ -489,7 +489,7 @@
     }
 
     /*  Case ID Header */
-    th.pf-v5-c-table__sort[data-label='Case ID'] {
+    th.pf-c-table__sort[data-label='Case ID'] {
         position: sticky;
         background-color: white;
         left: 87px;
@@ -499,61 +499,53 @@
 
     /* Vertical border to divide sticky columns and other columns*/
     .case-list-table tbody > tr > :nth-child(2):before,
-    th.pf-v5-c-table__sort[data-label='Case ID']:before {
+    th.pf-c-table__sort[data-label='Case ID']:before {
         position: absolute;
         content: '';
         top: 0px;
         right: 0px;
         height: 100%;
-        border-right: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
+        border-right: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
     }
 
     /*  Issue Summary Header */
-    th.pf-v5-c-table__sort[data-label='Issue summary'],
+    th.pf-c-table__sort[data-label='Issue summary'],
     .case-list-table tbody > tr > :nth-child(3) {
         min-width: 270px;
     }
 
-    th.pf-v5-c-table__sort[data-label='Owner'],
-    th.pf-v5-c-table__sort[data-label='Status'],
-    th.pf-v5-c-table__sort[data-label='Group'] {
+    th.pf-c-table__sort[data-label='Owner'],
+    th.pf-c-table__sort[data-label='Status'],
+    th.pf-c-table__sort[data-label='Group'] {
         min-width: 140px;
     }
 
-    th.pf-v5-c-table__sort[data-label='Severity'],
-    th.pf-v5-c-table__sort[data-label='Case ID'] {
+    th.pf-c-table__sort[data-label='Severity'],
+    th.pf-c-table__sort[data-label='Case ID'] {
         min-width: 150px;
     }
 
-    th.pf-v5-c-table__sort[data-label='Modified by'],
-    th.pf-v5-c-table__sort[data-label='Created by'] {
+    th.pf-c-table__sort[data-label='Modified by'],
+    th.pf-c-table__sort[data-label='Created by'] {
         min-width: 170px;
     }
 
     th.pf-m-width-15[data-label='Product and version'],
-    th.pf-v5-c-table__sort[data-label='Support type'] {
+    th.pf-c-table__sort[data-label='Support type'] {
         min-width: 180px;
     }
 
-    th.pf-v5-c-table__sort[data-label='Account number'] {
+    th.pf-c-table__sort[data-label='Account number'] {
         min-width: 205px;
     }
 
-    th.pf-v5-c-table__sort[data-label='Personal reference number'] {
+    th.pf-c-table__sort[data-label='Personal reference number'] {
         min-width: 232px;
     }
 
     /*  Closed Date Header  */
-    th.pf-v5-c-table__sort.pf-m-width-10[data-label='Closed date'],
-    th.pf-v5-c-table__sort[data-label='Case type'] {
+    th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'],
+    th.pf-c-table__sort[data-label='Case type'] {
         min-width: 200px;
     }
 }
-
-@media (min-width: 1800px) {
-    /*  Issue Summary */
-    th.pf-v5-c-table__sort[data-label='Issue summary'],
-    .case-list-table tbody > tr > :nth-child(3) {
-        min-width: 450px;
-    }
-}

package/lib/esm/css/caseSearch.css

@@ -33,7 +33,7 @@
 }
 
 .case-search-form-group .filter-save-success-msg {
-    color: var(--pf-v5-global--success-color--200);
+    color: var(--pf-global--success-color--200);
     padding: 6px 0px;
     font-weight: 600;
     margin-left: 0.5rem;

package/lib/esm/css/escalation.css

@@ -1,8 +1,8 @@
 .escalation-form fieldset .escalation-form-fields {
     display: -ms-grid;
     display: grid;
-    grid-gap: var(--pf-v5-c-form--GridGap);
-    padding: var(--pf-v5-global--spacer--lg);
+    grid-gap: var(--pf-c-form--GridGap);
+    padding: var(--pf-global--spacer--lg);
     padding-bottom: 0;
 }
 
@@ -10,6 +10,6 @@
     margin-bottom: 5rem;
 }
 
-input[aria-invalid='true'].pf-v5-c-form-control {
-    border-bottom: var(--pf-v5-c-form-control--BorderBottomColor) solid;
+input[aria-invalid='true'].pf-c-form-control {
+    border-bottom: var(--pf-c-form-control--BorderBottomColor) solid;
 }

package/lib/esm/scss/_main.scss

@@ -1,14 +1,14 @@
 // .grid-row-gap-md {
-//     grid-row-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
+//     grid-row-gap: var(--pf-l-grid--m-gutter--GridGap);
 // }
 
-div.pf-v5-c-modal-box__body {
-    form.pf-v5-c-form.save-search-form {
+div.pf-c-modal-box__body {
+    form.pf-c-form.save-search-form {
         // Overrides the style for Name field in save search modal
-        div.pf-v5-c-form__group.form-group.pull-bottom-narrow.save-for-later-name {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+        div.pf-c-form__group.form-group.pull-bottom-narrow.save-for-later-name {
+            div.pf-c-form__group-label {
+                label.pf-c-form__label {
+                    span.pf-c-form__label-text {
                         span.save-for-later-label-name {
                             font-weight: 600 !important;
                         }
@@ -18,10 +18,10 @@ div.pf-v5-c-modal-box__body {
         }
 
         // Overrides the style for Search and filtery query field in save search modal
-        div.pf-v5-c-form__group.form-group.pf-v5-u-mt-lg.save-for-later-query {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+        div.pf-c-form__group.form-group.pf-u-mt-lg.save-for-later-query {
+            div.pf-c-form__group-label {
+                label.pf-c-form__label {
+                    span.pf-c-form__label-text {
                         span.save-for-later-label-query {
                             font-weight: 600 !important;
                         }

package/lib/esm/scss/_pf-overrides.scss

@@ -1,15 +1,10 @@
 // Override disable color on darker backgrounds - Different variation. Should be consistent.
 .case-search-filters {
-    .pf-v5-c-button:disabled,
-    .pf-v5-c-button.pf-m-disabled,
-    .pf-v5-c-button.pf-m-aria-disabled {
+    .pf-c-button:disabled,
+    .pf-c-button.pf-m-disabled,
+    .pf-c-button.pf-m-aria-disabled {
         color: #ccc;
         background-color: #fff;
     }
     z-index: 9;
 }
-
-.pf-v5-c-menu__group-title {
-    margin: 0;
-    padding: 0;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.1.33",
+    "version": "2.4.10-beta.6",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,11 +26,11 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
-        "@patternfly/patternfly": "5.1.0",
+        "@cee-eng/hydrajs": "4.16.43",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-collapse": "1.12.3",
-        "@patternfly/react-core": "5.1.1",
-        "@patternfly/react-table": "5.1.1",
+        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-table": "4.111.33",
         "i18next": "^19.0.1",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
@@ -41,16 +41,16 @@
         "solr-query-builder": "1.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.16.39",
-        "@patternfly/patternfly": "5.1.0",
+        "@cee-eng/hydrajs": "4.16.43",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-collapse": "1.12.3",
-        "@patternfly/react-core": "5.1.1",
-        "@patternfly/react-table": "5.1.1",
-        "@rh-support/components": "2.1.29",
-        "@rh-support/react-context": "2.1.32",
+        "@patternfly/react-core": "4.264.0",
+        "@patternfly/react-table": "4.111.33",
+        "@rh-support/components": "2.4.10-beta.6",
+        "@rh-support/react-context": "2.4.10-beta.6",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.20",
-        "@rh-support/utils": "2.1.13",
+        "@rh-support/user-permissions": "2.4.10-beta.6",
+        "@rh-support/utils": "2.4.10-beta.6",
         "i18next": "^19.0.1",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
@@ -93,5 +93,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "3f01e59886b03b621a3681869c543b4fd5091f9f"
+    "gitHead": "f4caba45a2ffbc0cb441fdd30630769b447931d1"
 }

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

@@ -1,2 +0,0 @@
-export default function InternalSsoNameFilter(): JSX.Element;
-//# sourceMappingURL=InternalSsoNameFilter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InternalSsoNameFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/InternalSsoNameFilter.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gBA6R5C"}

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

@@ -1,207 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { contacts } from '@cee-eng/hydrajs';
-import { Button, Flex, FlexItem, MenuToggle, Select, SelectGroup, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
-import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
-import { LoadingIndicator, useFetch, useSelectKeyboardNavigator } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getDropdownBtnPlaceholder } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import isNull from 'lodash/isNull';
-import isUndefined from 'lodash/isUndefined';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { SolrKeys } from '../../../enums/filters';
-import { useCaseListDispatchContext, useCaseListStateContext } from '../CaseListContext';
-import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
-import { updateFilters } from '../CaseListFilterReducer';
-import { setChipsNameSsoMap } from '../CaseListReducer';
-import { getFilterValues, getSelectedListObj } from './CreatorSsoNameFilter';
-export default function InternalSsoNameFilter() {
-    const { t } = useTranslation();
-    const { filterInfo } = useContext(CaseListFilterStateContext);
-    const dispatch = useContext(CaseListFilterDispatchContext);
-    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const { chipsNameSsoMap } = useCaseListStateContext();
-    const CaseListDispatch = useCaseListDispatchContext();
-    const own = loggedInUserRights.data.getSSOUsername();
-    const PER_PAGE = 200;
-    const ASYNC_DROPDOWN_PAGE_SIZE = 10000;
-    const { request: getInternalUserContactsList, isFetching: isFetchingInternalContacts } = useFetch(contacts.getSFDCContacts, { propgateErrors: true });
-    const abortControllerRef = useRef(undefined);
-    const internalInputRef = useRef();
-    const [internalContactList, setInternalContactList] = useState([]);
-    const [renderedList, setRenderedList] = useState([]);
-    const [isInternalOpen, setIsInternalOpen] = useState(false);
-    const [noResults, setNoResults] = useState(false);
-    const [internalQuery, setInternalQuery] = useState('');
-    const filteredOptions = getFilterValues(renderedList, own);
-    const dropdownHeader = [
-        {
-            label: `${t('Cases created by me')}`,
-            value: 'createdByMe',
-        },
-        {
-            label: `${t('Cases owned by me')}`,
-            value: 'ownedByMe',
-        },
-    ];
-    useEffect(() => {
-        setRenderedList(internalContactList.slice(0, PER_PAGE));
-    }, [internalContactList]);
-    const onSelectInternal = (contact) => {
-        if (isNull(contact) || isUndefined(contact) || contact === 'show-more')
-            return;
-        let list = [];
-        if (selectedInternalContacts.some((item) => item.value === contact.value)) {
-            list = selectedInternalContacts.filter((item) => item.value !== contact.value);
-        }
-        else {
-            list = [...selectedInternalContacts, contact];
-        }
-        onFilterChangeAsync(list);
-        setInternalQuery('');
-    };
-    const { onInputKeyDown, focusedItemIndex } = useSelectKeyboardNavigator({
-        list: [...dropdownHeader, ...filteredOptions],
-        isOpen: isInternalOpen,
-        setIsOpen: setIsInternalOpen,
-        onSelect: onSelectInternal,
-    });
-    const selectedInternalContacts = useMemo(() => getSelectedListObj(renderedList, filterInfo, own, t), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [renderedList, filterInfo, own]);
-    const onFilterChangeAsync = (items) => {
-        const selectedItems = items.map((item) => item.value);
-        const caseCreated = selectedItems
-            .filter((o) => o !== 'ownedByMe')
-            .map((o) => (o === 'createdByMe' ? own : o));
-        const caseOwnedBy = selectedItems
-            .filter((o) => o !== 'createdByMe')
-            .map((o) => (o === 'ownedByMe' ? own : o));
-        const caseOwner = loggedInUserRights.data.isInternal() && caseOwnedBy.indexOf(own) !== -1 ? [own] : [];
-        updateFilters(dispatch, [
-            {
-                filterKey: SolrKeys.createdBySsoUsername,
-                values: caseCreated,
-            },
-            {
-                filterKey: SolrKeys.caseContactSSO,
-                values: caseOwnedBy,
-            },
-            {
-                filterKey: SolrKeys.caseOwner,
-                values: caseOwner,
-            },
-        ]);
-        // set name/sso pairs on state to be used in filter chip component
-        if (loggedInUserRights.data.isInternal()) {
-            const chipsNameSsoPairs = {};
-            items.forEach((item) => {
-                var _a, _b, _c, _d;
-                const sso = item.value.value;
-                if (sso !== 'ownedByMe' && sso !== 'createdByMe' && !chipsNameSsoMap[sso]) {
-                    chipsNameSsoPairs[sso] = {
-                        firstName: ((_a = item.value) === null || _a === void 0 ? void 0 : _a.firstName) || '',
-                        lastName: ((_b = item.value) === null || _b === void 0 ? void 0 : _b.lastName) || '',
-                        firstNameCustom: ((_c = item.value) === null || _c === void 0 ? void 0 : _c.firstNameCustom) || '',
-                        lastNameCustom: ((_d = item.value) === null || _d === void 0 ? void 0 : _d.lastNameCustom) || '',
-                    };
-                }
-            });
-            setChipsNameSsoMap(CaseListDispatch, chipsNameSsoPairs);
-        }
-    };
-    const onSearchAsync = (query) => __awaiter(this, void 0, void 0, function* () {
-        if (query == null) {
-            return;
-        }
-        if (abortControllerRef.current !== undefined) {
-            // Cancel the previous request
-            abortControllerRef.current.abort();
-        }
-        // recreate a new AbortController for each call
-        let controller = new AbortController();
-        abortControllerRef.current = controller;
-        const queryParams = {
-            internal: false,
-            limit: ASYNC_DROPDOWN_PAGE_SIZE,
-            nameLookup: query,
-        };
-        const response = yield getInternalUserContactsList(queryParams, controller.signal);
-        const contacts = response && response.items && response.items.length !== 0
-            ? response.items.filter((c) => !isEmpty(c.ssoUsername))
-            : [];
-        setNoResults(isEmpty(contacts));
-        setInternalContactList(contacts);
-    });
-    const onDisplayMoreClick = () => {
-        setRenderedList((pre) => internalContactList.slice(0, pre.length + PER_PAGE));
-        setIsInternalOpen(true);
-    };
-    const filteredInternalList = useMemo(() => {
-        return [
-            ...(isFetchingInternalContacts
-                ? [
-                    React.createElement("div", { key: "searching", className: "pf-v5-u-p-sm" },
-                        React.createElement(Trans, null, "Searching...")),
-                ]
-                : []),
-            ...(noResults && !isFetchingInternalContacts
-                ? [
-                    React.createElement("div", { key: "no-results", className: "pf-v5-u-p-sm" },
-                        React.createElement(Trans, null, "No results found")),
-                ]
-                : []),
-            ...dropdownHeader.map((contact, index) => (React.createElement(SelectOption, { key: contact.value, isFocused: focusedItemIndex === index, value: contact, hasCheckbox: true, isSelected: selectedInternalContacts.some((c) => c.value === contact.value) }, contact.label))),
-            ...(!isEmpty(filteredOptions)
-                ? [
-                    React.createElement("div", { className: "pf-v5-c-divider", role: "separator" }),
-                    React.createElement(SelectGroup, null,
-                        React.createElement("h6", { className: "pf-v5-u-pl-md" },
-                            React.createElement(Trans, null, "Created or owned by")),
-                        filteredOptions.map((contact, index) => (React.createElement(SelectOption, { key: contact.value, isFocused: focusedItemIndex === index + dropdownHeader.length, value: contact, hasCheckbox: true, isSelected: selectedInternalContacts.some((c) => c.value === contact.value) }, contact.label)))),
-                ]
-                : []),
-            ...(renderedList.length < internalContactList.length
-                ? [
-                    React.createElement("div", { className: "pf-v5-c-divider", role: "separator" }),
-                    React.createElement(SelectOption, { key: "show-more", value: 'show-more', onClick: onDisplayMoreClick },
-                        React.createElement(Flex, { justifyContent: { default: 'justifyContentCenter' } },
-                            React.createElement(FlexItem, null,
-                                React.createElement(Button, { variant: "link", isInline: true },
-                                    React.createElement(Trans, null, "Display additional results"))))),
-                ]
-                : []),
-        ];
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        internalContactList,
-        own,
-        selectedInternalContacts,
-        renderedList,
-        focusedItemIndex,
-        isFetchingInternalContacts,
-        noResults,
-    ]);
-    const onInternalQueryChange = (_v, query) => {
-        setInternalQuery(query);
-        onSearchAsync(query);
-    };
-    const onInternalToggle = () => {
-        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 contacts')), onChange: onInternalQueryChange, isExpanded: isInternalOpen, innerRef: internalInputRef }),
-            React.createElement(TextInputGroupUtilities, null, !isEmpty(internalQuery) && (React.createElement(Button, { variant: "plain", onClick: () => setInternalQuery(''), isDisabled: isFetchingInternalContacts, "aria-label": t('Clear') }, isFetchingInternalContacts ? (React.createElement(LoadingIndicator, { show: true, size: "sm" })) : (React.createElement(TimesCircleIcon, { "aria-hidden": true }))))))));
-    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) },
-        React.createElement(SelectList, null, filteredInternalList)));
-}