npm - @rh-support/components - Versions diffs - 2.5.165 → 2.5.167 - Mend

@rh-support/components 2.5.165 → 2.5.167

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map +1 -1
package/lib/esm/Functional/CaseContactsSelectorExternal.js +77 -68
package/lib/esm/Table/TablePagination.d.ts +1 -0
package/lib/esm/Table/TablePagination.d.ts.map +1 -1
package/lib/esm/Table/TablePagination.js +1 -1
package/package.json +5 -4

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;~~AAQxD~~,OAAO,~~KAA4D~~,MAAM,OAAO,CAAC;~~AAIjF~~,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,~~qBAwNlD~~;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}
1	+ {"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAcxD,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,qBA8NlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/Functional/CaseContactsSelectorExternal.js CHANGED Viewed

@@ -7,16 +7,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { accounts } from '@cee-eng/hydrajs';
-import { getApiResourceObject, isEmailValid, sortHydraContacts } from '@rh-support/utils';
+import { useApolloClient } from '@apollo/client/react';
+import { GET_ACCOUNT_CONTACTS, getApiResourceObject, isEmailValid, sortHydraContacts, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import sortBy from 'lodash/sortBy';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { usePrevious } from '../hooks/usePrevious';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { OwnerTypeaheadDropdown } from '../OwnerTypeaheadDropdown';
 export const CONTACTS_PAGE_SIZE = 10;
 export const DEFAULT_CONTACTS_OFFSET = CONTACTS_PAGE_SIZE - 1;
@@ -42,82 +41,93 @@ const getHydraContactLabel = (user) => {
     return label ? label : '';
 };
 function CaseContactsSelectorExternal(props) {
+    const apolloClient = useApolloClient();
     const { customEmails, contactSsoUsername, isInvalid, groupContactsAndEmails, selected } = props;
-    const previousSelectedAccountNumber = usePrevious(props.selectedAccountNumber);
     const [filteredContacts, setFilteredContacts] = useState([]);
-    /**
-     * External owner selector related
-     */
-    /** Getting user list for selected account when logged in user is a external */
     const [contactList, setContactList] = useState(getApiResourceObject([]));
-    const controllerRef1 = useRef(new AbortController());
-    const controllerRef2 = useRef(new AbortController());
+    const fetchContactsViaGraphQL = (accountNumber) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const { data } = yield apolloClient.query({
+            query: GET_ACCOUNT_CONTACTS,
+            variables: {
+                accountNumber: { eq: accountNumber },
+                first: 200,
+                orderBy: { Name: { order: 'ASC' } },
+            },
+        });
+        const response = data;
+        const contactEdges = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportAccount) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node) === null || _f === void 0 ? void 0 : _f.Contacts) === null || _g === void 0 ? void 0 : _g.edges) !== null && _h !== void 0 ? _h : [];
+        return contactEdges
+            .filter(({ node }) => { var _a, _b, _c; return ((_a = node.SSOUserName__c) === null || _a === void 0 ? void 0 : _a.value) && ((_c = (_b = node.IsActive__c) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : true); })
+            .map(({ node }) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            return ({
+                id: node.Id,
+                ssoUsername: node.SSOUserName__c.value,
+                firstName: (_b = (_a = node.FirstName) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
+                lastName: (_d = (_c = node.LastName) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '',
+                fullNameCustom: (_f = (_e = node.Name) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
+                manageSupportCases: (_h = (_g = node.ManageSupportCases__c) === null || _g === void 0 ? void 0 : _g.value) !== null && _h !== void 0 ? _h : true,
+                isInternal: (_k = (_j = node.IsInternal__c) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : false,
+                isOrgAdmin: (_m = (_l = node.IsOrgAdmin__c) === null || _l === void 0 ? void 0 : _l.value) !== null && _m !== void 0 ? _m : false,
+                accountNumber,
+            });
+        });
+    });
     useEffect(() => {
-        if (props.isExportingPDF)
+        const { selectedAccountNumber, loggedInUserRights, isExportingPDF } = props;
+        const isNonOrgAdminSameAccount = loggedInUserRights.isExternal() && loggedInUserRights.isNonOrgAdminWithSameAccount(selectedAccountNumber);
+        if (isExportingPDF || !selectedAccountNumber || isNonOrgAdminSameAccount) {
             return;
-        // when component is unmonted and error happens after apis responses are ready, we use this variable to prevent state update.
-        let isSubscribed = true;
-        const fetchStrataAccountUsers = () => __awaiter(this, void 0, void 0, function* () {
-            if (controllerRef1.current) {
-                controllerRef1.current.abort();
-            }
-            controllerRef1.current = new AbortController();
-            if (controllerRef2.current) {
-                controllerRef2.current.abort();
-            }
-            controllerRef2.current = new AbortController();
+        }
+        let cancelled = false;
+        const accountNumberAtFetch = selectedAccountNumber;
+        const fetchAccountContacts = () => __awaiter(this, void 0, void 0, function* () {
+            setContactList(getApiResourceObject([], true));
             try {
-                setContactList(getApiResourceObject([], true));
                 let contactListTemp = [];
-                if (props.loggedInUserRights.isPartner() &&
-                    props.loggedInUserRights.isAccountDifferentFromLoggedInAccount(props.selectedAccountNumber)) {
-                    /** Show Partner contacts even when customer account is selected
-                        - Non Org-Admin partners => Only logged in contact + All Customer contacts
-                        - Org-Admin partners => All partner contacts + All Customer contacts  */
-                    if (props.loggedInUserRights.isNonOrgAdmin()) {
-                        const extraLoggedInContacts = props.loggedInUserRights.getHydraContactFromLoggedInUser();
-                        const contacts = yield accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
+                if (loggedInUserRights.isPartner() &&
+                    loggedInUserRights.isAccountDifferentFromLoggedInAccount(accountNumberAtFetch)) {
+                    if (loggedInUserRights.isNonOrgAdmin()) {
+                        const extraLoggedInContacts = loggedInUserRights.getHydraContactFromLoggedInUser();
+                        const contacts = yield fetchContactsViaGraphQL(accountNumberAtFetch);
                         contactListTemp = contacts.concat(extraLoggedInContacts);
                     }
                     else {
-                        let promiseArray = [
-                            accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal),
-                            accounts.getAccountContacts(props.loggedInUserRights.getAccountNumber(), controllerRef2.current.signal),
-                        ];
-                        const loggedInContactsResponse = yield Promise.all(promiseArray);
-                        const selectedAccountsContacts = loggedInContactsResponse[0];
-                        const currentAccountsContacts = loggedInContactsResponse[1];
+                        const [selectedAccountsContacts, currentAccountsContacts] = yield Promise.all([
+                            fetchContactsViaGraphQL(accountNumberAtFetch),
+                            fetchContactsViaGraphQL(loggedInUserRights.getAccountNumber()),
+                        ]);
                         contactListTemp = [...selectedAccountsContacts, ...currentAccountsContacts];
                     }
                 }
                 else {
-                    contactListTemp = yield accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
+                    contactListTemp = yield fetchContactsViaGraphQL(accountNumberAtFetch);
                 }
-                if (props.contactsToExclude && props.contactsToExclude.length > 0) {
-                    contactListTemp = differenceBy(contactListTemp, props.contactsToExclude, 'ssoUsername');
+                if (!cancelled) {
+                    setContactList(getApiResourceObject(sortHydraContacts(contactListTemp)));
                 }
-                setContactList(getApiResourceObject(sortHydraContacts(contactListTemp)));
             }
             catch (e) {
-                isSubscribed && setContactList(getApiResourceObject([], false, true, e.message));
+                if (!cancelled) {
+                    setContactList(getApiResourceObject([], false, true, e.message));
+                }
             }
         });
-        const isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
-        if (isOldAccountNumber ||
-            (props.loggedInUserRights.isExternal() &&
-                props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)))
-            return;
-        fetchStrataAccountUsers();
+        fetchAccountContacts();
         return () => {
-            isSubscribed = false;
+            cancelled = true;
         };
-    }, [
-        previousSelectedAccountNumber,
-        props.contactsToExclude,
-        props.loggedInUserRights,
-        props.selectedAccountNumber,
-        props.isExportingPDF,
-    ]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [apolloClient, props.selectedAccountNumber, props.isExportingPDF]);
+    const displayedContacts = useMemo(() => {
+        var _a;
+        let contacts = (_a = contactList.data) !== null && _a !== void 0 ? _a : [];
+        if (props.contactsToExclude && props.contactsToExclude.length > 0) {
+            contacts = differenceBy(contacts, props.contactsToExclude, 'ssoUsername');
+        }
+        return contacts;
+    }, [contactList.data, props.contactsToExclude]);
     const onCustomerContactSelect = (contacts) => {
         if (!isArray(contacts))
             return;
@@ -134,11 +144,10 @@ function CaseContactsSelectorExternal(props) {
             ];
         props.onChange && props.onChange(customerContacts);
     };
-    const isDisabled = (props.loggedInUserRights.isExternal() &&
-        props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)) ||
-        props.isUpdating ||
-        contactList.isFetching ||
-        props.isDisabled;
+    const isNonOrgAdminSameAccountDisabled = props.loggedInUserRights.isExternal() &&
+        props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber);
+    const isDisabled = isNonOrgAdminSameAccountDisabled || props.isUpdating || contactList.isFetching || props.isDisabled;
+    const isLoading = props.isUpdating || contactList.isFetching;
     const getCustomEmails = useCallback(() => {
         return sortBy((customEmails || []).map((item) => (Object.assign(Object.assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress }))), 'emailAddress');
     }, [customEmails]);
@@ -147,13 +156,13 @@ function CaseContactsSelectorExternal(props) {
      */
     const allOptions = useMemo(() => {
         return [
-            ...map(contactList.data, (contact) => ({ contact, isCustomEmail: false })),
+            ...map(displayedContacts, (contact) => ({ contact, isCustomEmail: false })),
             ...map(getCustomEmails(), (email) => ({
                 isCustomEmail: true,
                 contact: Object.assign(Object.assign({}, email), { ssoUsername: email.emailAddress, firstName: email.emailAddress, lastName: email.emailAddress }),
             })),
         ];
-    }, [contactList.data, getCustomEmails]);
+    }, [displayedContacts, getCustomEmails]);
     /**
      * update the shown options in the dropdown and reset the amount of options show to the default.
      * @param query The user search term
@@ -173,7 +182,7 @@ function CaseContactsSelectorExternal(props) {
     const onClearQuery = () => {
         var _a;
         const numOfCustomEmails = (_a = customEmails === null || customEmails === void 0 ? void 0 : customEmails.length) !== null && _a !== void 0 ? _a : 0;
-        if (filteredContacts.length === contactList.data.length + numOfCustomEmails)
+        if (filteredContacts.length === displayedContacts.length + numOfCustomEmails)
             return;
         setFilteredContacts(allOptions);
     };
@@ -195,7 +204,7 @@ function CaseContactsSelectorExternal(props) {
      */
     useEffect(() => {
         setFilteredContacts(allOptions);
-    }, [contactList.data, customEmails, allOptions, selected]);
-    return (React.createElement(OwnerTypeaheadDropdown, { id: props.id || '', hasClearButton: true, multiple: !!props.multiple, contactSsoUsername: contactSsoUsername, groupContactsAndEmails: groupContactsAndEmails, selected: !isEmpty(props.selected) ? props.selected : [], options: filteredContacts, placeholder: props.placeholder || 'Search by name or username', "data-tracking-id": "external-case-contact-selector", isDisabled: isDisabled, status: isInvalid ? 'danger' : undefined, onChipRemoved: onChipRemoved, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, onSelect: onCustomerContactSelect, canAddNew: canAddNew, getCreateNewText: props === null || props === void 0 ? void 0 : props.getCreateNewText, isLoading: props.isUpdating || contactList.isFetching }));
+    }, [displayedContacts, customEmails, allOptions, selected]);
+    return (React.createElement(OwnerTypeaheadDropdown, { id: props.id || '', hasClearButton: true, multiple: !!props.multiple, contactSsoUsername: contactSsoUsername, groupContactsAndEmails: groupContactsAndEmails, selected: !isEmpty(props.selected) ? props.selected : [], options: filteredContacts, placeholder: props.placeholder || 'Search by name or username', "data-tracking-id": "external-case-contact-selector", isDisabled: isDisabled, status: isInvalid ? 'danger' : undefined, onChipRemoved: onChipRemoved, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, onSelect: onCustomerContactSelect, canAddNew: canAddNew, getCreateNewText: props === null || props === void 0 ? void 0 : props.getCreateNewText, isLoading: isLoading }));
 }
 export { CaseContactsSelectorExternal, getHydraContactLabel };

package/lib/esm/Table/TablePagination.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ interface IProps {
     perPage?: number;
     currentPage?: number;
     variant: PaginationVariant;
+    isCompact?: boolean;
 }
 export declare function TablePagination(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/Table/TablePagination.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;~~CAC9B~~;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,~~qBAgC5C~~"}
1	+ {"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiC5C"}

package/lib/esm/Table/TablePagination.js CHANGED Viewed

@@ -17,7 +17,7 @@ export function TablePagination(props) {
         props.currentPage && props.currentPage !== currentPage && setSelectedPage(props.currentPage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.perPage, props.currentPage]);
-    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, titles: {
+    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, isCompact: props.isCompact, titles: {
             paginationAriaLabel: props.variant === PaginationVariant.top ? 'Upper pagination' : 'Lower pagination',
         }, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.165",
+    "version": "2.5.167",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -40,6 +40,7 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
+        "@apollo/client": "^4.1.6",
         "@cee-eng/hydrajs": "4.18.111",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
@@ -63,8 +64,8 @@
         "@patternfly/react-table": "6.2.1",
         "@patternfly/react-tokens": "6.2.1",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.111",
-        "@rh-support/utils": "2.5.92",
+        "@rh-support/user-permissions": "2.5.113",
+        "@rh-support/utils": "2.5.94",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -101,5 +102,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "cc12fc4b7c5430b59628fc97568ca31af1e3c6bc"
+    "gitHead": "d90bcae55659cc70cbdb3669350dece45850d568"
 }