@rh-support/components 2.5.182 → 2.5.184

package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts

@@ -0,0 +1,18 @@
+import './customDatePicker.css';
+import React from 'react';
+export interface ICustomDatePickerProps {
+    id?: string;
+    value?: string;
+    'aria-label'?: string;
+    onChange?: (event: React.FormEvent<HTMLInputElement>, value: string, date?: Date) => void;
+    validators?: Array<(date: Date) => string>;
+    popoverPosition?: 'bottom' | 'bottom-start' | 'bottom-end';
+    dateParse?: (value: string) => Date;
+    placeholder?: string;
+    invalidFormatText?: string;
+    className?: string;
+    isDisabled?: boolean;
+    validationError?: string;
+}
+export declare function CustomDatePicker({ id, value, 'aria-label': ariaLabel, onChange, validators, popoverPosition, dateParse, placeholder, invalidFormatText, className, isDisabled, validationError, }: ICustomDatePickerProps): React.JSX.Element;
+//# sourceMappingURL=CustomDatePicker.d.ts.map

package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDatePicker.d.ts","sourceRoot":"","sources":["../../../src/CustomDatePicker/CustomDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,MAAM,WAAW,sBAAsB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,EAAE,EACF,KAAU,EACV,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,UAAU,EACV,eAAgC,EAChC,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,GAClB,EAAE,sBAAsB,qBA4CxB"}

package/lib/esm/CustomDatePicker/CustomDatePicker.js

@@ -0,0 +1,27 @@
+import './customDatePicker.css';
+import { DatePicker, HelperText, HelperTextItem } from '@patternfly/react-core';
+import React, { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+export function CustomDatePicker({ id, value = '', 'aria-label': ariaLabel, onChange, validators, popoverPosition = 'bottom-start', dateParse, placeholder, invalidFormatText, className, isDisabled, validationError, }) {
+    const { t } = useTranslation();
+    const datePickerRef = useRef(null);
+    const datePickerClassName = [
+        'custom-date-picker',
+        'custom-date-picker--input-only',
+        validationError && 'custom-date-picker--has-error',
+        validationError && 'custom-date-picker--external-validation',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DatePicker, { ref: datePickerRef, id: id, value: value, isDisabled: isDisabled, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('YYYY-MM-DD'), invalidFormatText: invalidFormatText !== null && invalidFormatText !== void 0 ? invalidFormatText : t('Invalid date format.'), dateParse: dateParse, "aria-label": ariaLabel, validators: validators, appendTo: () => document.body, className: datePickerClassName, popoverProps: {
+                className: 'custom-date-picker-popover',
+                hasAutoWidth: false,
+                position: popoverPosition,
+            }, onChange: onChange, inputProps: {
+                onClick: () => { var _a; return (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.toggleCalendar(); },
+            } }),
+        validationError && (React.createElement(HelperText, null,
+            React.createElement(HelperTextItem, { variant: "error" }, validationError)))));
+}

package/lib/esm/CustomDatePicker/customDatePicker.css

@@ -0,0 +1,52 @@
+.custom-date-picker--input-only {
+    display: block;
+    width: 100%;
+    --pf-v6-c-date-picker__input--c-form-control--Width: 100%;
+}
+
+.custom-date-picker--has-error .pf-v6-c-form-control {
+    --pf-v6-c-form-control--BorderColor: var(--pf-t--global--border--color--status--danger--default);
+}
+
+.custom-date-picker--external-validation .pf-v6-c-date-picker__helper-text {
+    display: none;
+}
+
+.custom-date-picker--input-only .pf-v6-c-input-group {
+    display: block;
+}
+
+.custom-date-picker--input-only .pf-v6-c-input-group__item:first-child {
+    width: 100%;
+}
+
+.custom-date-picker--input-only .pf-v6-c-input-group__item:last-child {
+    display: none;
+}
+
+.pf-v6-c-popover.custom-date-picker-popover {
+    --pf-v6-c-popover--MaxWidth: 18.5rem;
+    max-width: 18.5rem;
+    width: 18.5rem;
+}
+
+.pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month {
+    --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+    --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+    --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+    --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+    --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
+    --pf-v6-c-calendar-month__date--Width: 2.25rem;
+    --pf-v6-c-calendar-month__date--Height: 2.25rem;
+    --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+    width: 100%;
+}
+
+.pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month__header-month .pf-v6-c-menu-toggle {
+    width: 100% !important;
+    max-width: 6.5rem;
+}
+
+.pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month__calendar {
+    width: 100%;
+}

package/lib/esm/CustomDatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomDatePicker';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/CustomDatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CustomDatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/lib/esm/CustomDatePicker/index.js

@@ -0,0 +1 @@
+export * from './CustomDatePicker';

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts

@@ -28,6 +28,7 @@ interface IProps extends IDClassNameProps {
     onNew?: (query: string) => void;
     canAddNew?: (options: ITypeaheadDropdownGroupOrOption[], query: string) => boolean;
     getCreateNewText?: (query: string) => string;
+    onContactEnriched?: (contact: IContact) => void;
 }
 export declare const CONTACTS_PAGE_SIZE = 10;
 export declare const DEFAULT_CONTACTS_OFFSET: number;

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

@@ -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"}
+{"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;IAC7C,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnD;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,qBAiPlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/Functional/CaseContactsSelectorExternal.js

@@ -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,113 @@ 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.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportAccount) === 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, _o, _p, _q, _r;
+            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,
+                phone: (_p = (_o = node.Phone) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : '',
+                defaultCaseGroup: (_r = (_q = node.DefaultCaseGroup__c) === null || _q === void 0 ? void 0 : _q.value) !== null && _r !== void 0 ? _r : null,
+                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]);
+    useEffect(() => {
+        if (contactList.isFetching || isEmpty(contactList.data) || isEmpty(selected))
+            return;
+        const currentOwner = selected[0];
+        if (!(currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.ssoUsername))
+            return;
+        const matchedContact = contactList.data.find((c) => {
+            var _a, _b;
+            return c.id === (currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.id) ||
+                ((_a = c.ssoUsername) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = currentOwner.ssoUsername) === null || _b === void 0 ? void 0 : _b.toLowerCase());
+        });
+        if (matchedContact === null || matchedContact === void 0 ? void 0 : matchedContact.id) {
+            props.onContactEnriched
+                ? props.onContactEnriched(matchedContact)
+                : props.onChange && props.onChange([matchedContact]);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contactList.data, contactList.isFetching]);
+    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 +164,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 +176,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 +202,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 +224,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/MarkdownEditor/MarkdownEditor.d.ts

@@ -32,6 +32,7 @@ export interface IMDEditorProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'on
     markedownOptions?: IMarkdownOptions;
     showMarkdownPlainTextToggle?: boolean;
     editorMode?: EditorMode;
+    hideToolbars?: boolean;
     charLimit?: number;
     minCharsForCounter?: number;
     onCommentExceedCharsLimit: (val: boolean) => void;

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAiC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,oBAAY,UAAU;IAClB,KAAK,cAAc;IACnB,QAAQ,aAAa;CACxB;AAED,UAAU,kBAAkB;IACxB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AA2BD,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAk8B5C;kBAl8BQ,cAAc;;;AAs8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAiC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,oBAAY,UAAU;IAClB,KAAK,cAAc;IACnB,QAAQ,aAAa;CACxB;AAED,UAAU,kBAAkB;IACxB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AA4BD,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAo8B5C;kBAp8BQ,cAAc;;;AAw8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/esm/MarkdownEditor/MarkdownEditor.js

@@ -46,6 +46,7 @@ const defaultProps = {
     hideHeadingOptions: false,
     showMarkdownPlainTextToggle: false,
     editorMode: EditorMode.PLAIN,
+    hideToolbars: false,
     charLimit: 32000,
     minCharsForCounter: 31800,
     fileSelectorProps: {
@@ -72,7 +73,7 @@ export const validateFile = (file) => {
 };
 function MarkdownEditor(props) {
     const { t } = useTranslation();
-    const { hidePreviewText, showPreviewText, mdPlaceholder, plainTextPlaceholder, textAreaClassName, bindTextArea, markedownOptions, allowEmoji, hideHeadingOptions, rows, showMarkdownPlainTextToggle, editorMode, className, charLimit, minCharsForCounter, id, value, onCommentExceedCharsLimit, fileSelectorProps: { onClipboardPaste, onFileSelect, isSupportedFile, showFileSelectorInToolbar = false, isUploadingFile = false, filesList = [], attachFileBtn, } } = props, textAreaProps = __rest(props, ["hidePreviewText", "showPreviewText", "mdPlaceholder", "plainTextPlaceholder", "textAreaClassName", "bindTextArea", "markedownOptions", "allowEmoji", "hideHeadingOptions", "rows", "showMarkdownPlainTextToggle", "editorMode", "className", "charLimit", "minCharsForCounter", "id", "value", "onCommentExceedCharsLimit", "fileSelectorProps"]);
+    const { hidePreviewText, showPreviewText, mdPlaceholder, plainTextPlaceholder, textAreaClassName, bindTextArea, markedownOptions, allowEmoji, hideHeadingOptions, rows, showMarkdownPlainTextToggle, editorMode, className, charLimit, minCharsForCounter, id, value, hideToolbars, onCommentExceedCharsLimit, fileSelectorProps: { onClipboardPaste, onFileSelect, isSupportedFile, showFileSelectorInToolbar = false, isUploadingFile = false, filesList = [], attachFileBtn, } } = props, textAreaProps = __rest(props, ["hidePreviewText", "showPreviewText", "mdPlaceholder", "plainTextPlaceholder", "textAreaClassName", "bindTextArea", "markedownOptions", "allowEmoji", "hideHeadingOptions", "rows", "showMarkdownPlainTextToggle", "editorMode", "className", "charLimit", "minCharsForCounter", "id", "value", "hideToolbars", "onCommentExceedCharsLimit", "fileSelectorProps"]);
     const [isPreview, setIsPreview] = useState(false);
     const [mdValue, setMdValue] = useState(props.value || '');
     const previousFileList = usePrevious(filesList);
@@ -528,7 +529,7 @@ function MarkdownEditor(props) {
     return (React.createElement("div", { id: "markdown-editor" },
         !isPlainModeEnabled && React.createElement("div", { className: "markdown-guidance-container" }, markdownGuidanceBtn),
         React.createElement("div", { className: `markdown-editor-container ${props.className}`, id: props.id, "data-tracking-id": "md-editor-container", onDrop: onDrop, onPaste: onPaste },
-            React.createElement("div", { className: "toolbar-container border-bottom" }, !isPlainModeEnabled && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "toolbar-container border-bottom", style: hideToolbars ? { display: 'none' } : undefined }, !isPlainModeEnabled && (React.createElement(React.Fragment, null,
                 React.createElement(Toolbar, { className: "desktop-markdown-toolbar pf-v6-l-flex" },
                     React.createElement(ToolbarGroup, { "data-tracking-id": "md-editor-toolbar", className: "markdown-toolbar-left-section pf-m-wrap" },
                         React.createElement(Button, { icon: "B", variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "md-editor-toolbar-b", title: "Bold" }),
@@ -580,7 +581,7 @@ function MarkdownEditor(props) {
                     React.createElement("div", { dangerouslySetInnerHTML: {
                             __html: DOMPurify.sanitize(previewMDText(mdValue)),
                         } }))))),
-            React.createElement("div", null, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-v6-l-flex` },
+            React.createElement("div", { style: hideToolbars ? { display: 'none' } : undefined }, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-v6-l-flex` },
                 React.createElement("span", { className: "markdown-toolbar-left-section pf-m-wrap" },
                     !isPlainModeEnabled && (React.createElement(Button, { className: "markdown-preview-btn", tabIndex: -1, variant: ButtonVariant.plain, onClick: preview, title: "Show preview", "data-tracking-id": `md-preview-${isPreview ? 'hide' : 'show'}`, isDisabled: disablePreviewButton, icon: React.createElement(Trans, null, isPreview ? (React.createElement("span", null,
                             " ",

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

@@ -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

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

@@ -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/lib/esm/helperFunctions/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AA8DD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CA2CjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AA+DD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CA2CjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-export declare function useCopyToClipboard(ref: React.RefObject<HTMLInputElement>): {
+export declare function useCopyToClipboard(ref: React.RefObject<HTMLElement>): {
     clipboardText: string;
     copyToClipboard: () => Promise<void>;
 };

package/lib/esm/hooks/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;;;EA2BxE"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;EA6BnE"}

package/lib/esm/hooks/useCopyToClipboard.js

@@ -14,9 +14,11 @@ export function useCopyToClipboard(ref) {
     // @ts-ignore
     const { t } = useTranslation();
     const copyToClipboard = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         if (!ref.current)
             return;
-        const textToCopy = ref.current.value;
+        const el = ref.current;
+        const textToCopy = el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement ? el.value : (_a = el.textContent) !== null && _a !== void 0 ? _a : '';
         try {
             yield navigator.clipboard.writeText(textToCopy);
             setClipboardText(t('Copied!'));

package/lib/esm/index.d.ts

@@ -29,6 +29,7 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

package/lib/esm/index.js

@@ -30,6 +30,7 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.182",
+    "version": "2.5.184",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -40,7 +40,7 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@apollo/client": "^4.1.6",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -55,7 +55,7 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@cee-eng/hydrajs": "^4.18.113",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -63,8 +63,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.128",
-        "@rh-support/utils": "2.5.92",
+        "@rh-support/user-permissions": "2.5.130",
+        "@rh-support/utils": "2.5.112",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -101,5 +101,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "5a3a62786c13896575f6db3805b3a0dc0bd1299f"
+    "gitHead": "d93a57f2a62bdfc7ec25341b3dcae197f3e5f1a3"
 }