@rh-support/components 2.5.213 → 2.5.222

package/lib/esm/MarkdownEditor/markdownEditor.css

@@ -0,0 +1,223 @@
+.markdown-content .markdown-preview {
+    min-height: 100px;
+    overflow: auto;
+    font-size: 15px;
+    padding: 0.8rem;
+    border: 1px solid #e3e3e3;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+    border-radius: 1px;
+}
+
+.markdown-content .markdown-preview ul,
+.markdown-content .markdown-preview ol {
+    padding-left: 24px;
+}
+
+.markdown-content .markdown-preview blockquote {
+    border-left: 5px solid #c0c0c0 !important;
+}
+
+.markdown-editor-container {
+    background: #fff;
+    border: 1px solid #d2d2d2;
+    display: block;
+    min-height: 100px;
+}
+
+.markdown-editor-container .pf-v6-c-toolbar {
+    padding: 0.5rem;
+}
+
+.btn-group-separator {
+    background: rgba(40, 45, 51, 0.3);
+    height: 16px;
+    margin-left: 10px;
+    margin-right: 5px;
+    width: 1px;
+    margin-top: 10px;
+}
+
+.markdown-content .markdown-text-area {
+    resize: vertical;
+    border-radius: 0;
+    box-shadow: none !important;
+    outline: none;
+    border: none;
+    font-size: 15px;
+    padding: 0.8rem;
+    min-width: 100%;
+}
+
+.markdown-editor-container .markdown-toggle-toolbar {
+    border-top: 1px solid #d2d2d2;
+}
+
+.markdown-editor-container .markdown-toggle-toolbar button {
+    font-size: 14px;
+    padding: 10px 1rem;
+}
+
+.markdown-editor-container .markdown-toggle-toolbar .markdown-active-mode {
+    border-top: 2px solid #06c;
+    border-radius: 0px;
+    color: #6a6e73;
+    font-weight: 500;
+    color: #06c;
+}
+
+.markdown-editor-container .pf-v6-c-button.pf-m-link.pf-m-inline.markdown-guidance {
+    padding-block-start: 0.375rem;
+    padding-block-end: 0.375rem;
+    padding-inline-start: 0.375rem;
+    padding-inline-end: 0.375rem;
+    box-sizing: border-box;
+}
+
+.markdown-editor-container .character-count-wrapper {
+    white-space: nowrap;
+    padding: 0 16px;
+    font-size: 14px;
+}
+
+.markdown-editor-container .character-count-wrapper.red {
+    color: #e00;
+}
+
+.markdown-editor-container .markdown-toolbar-left-section {
+    flex: 1;
+}
+
+.markdown-editor-container.is-private .markdown-content .markdown-text-area {
+    background-color: #f5eeee;
+}
+
+a[href*='/attachments/']::before,
+button[data-link*='/attachments/']::before {
+    margin-right: 4px;
+    font-style: normal;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    content: '📎';
+}
+
+.toolbar-container {
+    height: 50px;
+}
+.markdown-text-area {
+    width: 100%;
+    height: 313px;
+    border: none;
+}
+
+.markdown-preview {
+    border-bottom: none !important;
+}
+
+.markdown-preview ul {
+    list-style: '-';
+}
+
+.desktop-markdown-toolbar {
+    display: flex;
+}
+
+.markdown-toolbar-left-section {
+    display: flex;
+    align-items: center;
+}
+
+.btn-group-separator {
+    display: inline-block;
+    width: 1px;
+    height: 24px;
+    margin: 0 8px;
+    background-color: #ccc;
+}
+
+.markdown-guidance-container {
+    display: none;
+}
+
+.mobile-markdown-toolbar {
+    display: none;
+}
+
+#toolsKebabMenu {
+    overflow: hidden;
+    inset: 0px auto auto -12rem !important;
+
+    .pf-v6-c-menu__list {
+        padding-left: 0px !important;
+        padding-right: 0px !important;
+    }
+
+    .attachments-items li {
+        padding: 0px 10px !important;
+
+        .pf-v6-c-divider {
+            width: 15rem;
+            margin-left: -1rem;
+        }
+    }
+}
+
+/* Mobile toolbar styles */
+@media (max-width: 880px) {
+    .desktop-markdown-toolbar {
+        display: none;
+    }
+
+    .markdown-guidance-container {
+        display: flex;
+        justify-content: flex-end;
+        padding: 9px;
+    }
+
+    .mobile-markdown-toolbar {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+
+        .mobile-markdown-tool-item {
+            width: 2.5rem !important;
+        }
+    }
+
+    .markdown-toolbar-left-section {
+        margin-inline-end: 0px !important;
+    }
+
+    .markdown-preview-btn,
+    .plain-mode-btn,
+    .markdown-mode-btn {
+        padding-left: 4px;
+        padding-right: 4px;
+    }
+
+    .markdown-editor-container .markdown-toggle-toolbar button {
+        font-size: 14px;
+        padding: 10px 0.25rem;
+    }
+}
+
+@media (max-width: 475px) {
+    .markdown-editor-container .pf-v6-c-toolbar {
+        padding: 0.5rem 0rem;
+    }
+
+    .mobile-markdown-toolbar {
+        .mobile-markdown-tool-item {
+            width: 0.1rem !important;
+        }
+
+        #tools-kebab-menu-container {
+            position: relative;
+            right: 2rem;
+        }
+    }
+
+    .uploading-spinner-text {
+        display: none;
+    }
+}

package/lib/esm/OwnerTypeaheadDropdown/OwnerTypeaheadDropdown.d.ts

@@ -10,8 +10,6 @@ export interface IOwnerSelectorProps extends IOwnerSelectorExtends {
     onSelect: (contacts: IContact[]) => void;
     onChipRemoved?: (contact: IContact) => void;
     isLoading?: boolean;
-    onHandleLoadMore?: (event: any) => void;
-    isShowMoreOptionVisible?: boolean;
 }
 export interface IOwnerOption {
     contact: IContact;

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

@@ -1 +1 @@
-{"version":3,"file":"OwnerTypeaheadDropdown.d.ts","sourceRoot":"","sources":["../../../src/OwnerTypeaheadDropdown/OwnerTypeaheadDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAKlE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAGH,uBAAuB,EAE1B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACpC,uBAAuB,EACvB,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,kBAAkB,GAAG,yBAAyB,GAAG,eAAe,GAAG,OAAO,CACnH,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB;IAC9D,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,QAAQ,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAcD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,qBAkIhE"}
+{"version":3,"file":"OwnerTypeaheadDropdown.d.ts","sourceRoot":"","sources":["../../../src/OwnerTypeaheadDropdown/OwnerTypeaheadDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAKlE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAGH,uBAAuB,EAE1B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACpC,uBAAuB,EACvB,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,kBAAkB,GAAG,yBAAyB,GAAG,eAAe,GAAG,OAAO,CACnH,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB;IAC9D,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,QAAQ,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAcD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,qBA2HhE"}

package/lib/esm/OwnerTypeaheadDropdown/OwnerTypeaheadDropdown.js

@@ -27,19 +27,14 @@ function getTypeaheadOptionsFromContacts(contacts, caseContactSsoUsername) {
     }));
 }
 export function OwnerTypeaheadDropdown(props) {
-    var _a;
     const { contactSsoUsername, groupContactsAndEmails, options, selected, onSelect, onToggleClosed, onChipRemoved } = props, restProps = __rest(props, ["contactSsoUsername", "groupContactsAndEmails", "options", "selected", "onSelect", "onToggleClosed", "onChipRemoved"]);
     const selectedTypeaheadOptions = useMemo(() => getTypeaheadOptionsFromContacts(selected, contactSsoUsername), [selected, contactSsoUsername]);
     const { t } = useTranslation();
-    const { visibleItems, hasMoreItems: hasMoreItemsLocal, onHandleLoadMore: onHandleLoadMoreLocal, resetVisibleItems, } = useProgressiveLoading(options, PAGE_SIZE);
-    const useServerPagination = !!props.onHandleLoadMore;
-    const displayItems = useServerPagination ? options : visibleItems;
-    const showMore = useServerPagination ? (_a = props.isShowMoreOptionVisible) !== null && _a !== void 0 ? _a : false : hasMoreItemsLocal();
-    const handleLoadMore = useServerPagination ? props.onHandleLoadMore : onHandleLoadMoreLocal;
+    const { visibleItems, hasMoreItems, onHandleLoadMore, resetVisibleItems } = useProgressiveLoading(options, PAGE_SIZE);
     const typeaheadOptions = useMemo(() => {
         const contacts = [];
         const customEmails = [];
-        for (const option of displayItems) {
+        for (const option of visibleItems) {
             const typeaheadOption = {
                 label: getHydraContactLabel(option.contact),
                 value: option.contact.ssoUsername,
@@ -102,5 +97,5 @@ export function OwnerTypeaheadDropdown(props) {
         };
         onSelect([newCustomOption]);
     };
-    return (React.createElement(TypeaheadDropdown, Object.assign({ "data-tracking-id": "external-case-contact-selector", selected: selectedTypeaheadOptions, options: typeaheadOptions, onSelect: onSelectContact, onHandleLoadMore: handleLoadMore, isShowMoreOptionVisible: showMore, onToggleClosed: onLocalToggleClosed, onChipRemoved: onLocalChipRemoved, onNew: onLocalNew }, restProps)));
+    return (React.createElement(TypeaheadDropdown, Object.assign({ "data-tracking-id": "external-case-contact-selector", selected: selectedTypeaheadOptions, options: typeaheadOptions, onSelect: onSelectContact, onHandleLoadMore: onHandleLoadMore, isShowMoreOptionVisible: hasMoreItems(), onToggleClosed: onLocalToggleClosed, onChipRemoved: onLocalChipRemoved, onNew: onLocalNew }, restProps)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAoB3B,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAoDD,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM;;;;;;;;;;CAmClD,CAAC;AAyCF,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;;CAgB9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8RvC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAoB3B,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAoDD,eAAO,MAAM,eAAe,GAAI,aAAa,MAAM;;;;;;;;;;CAmClD,CAAC;AAqCF,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM;;;CAgB9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA2PvC"}

package/lib/esm/PhoneInput/PhoneInput.js

@@ -107,11 +107,7 @@ const formatNumber = (fullPhoneNumber, localFormat) => {
         }
     }
     const isPatternWithPrefix = (_a = pattern === null || pattern === void 0 ? void 0 : pattern.replace(/\s+/g, '')) === null || _a === void 0 ? void 0 : _a.startsWith(PREFIX);
-    // TODO: Temporary — return pattern without forcing + prefix for portal phone without country code.
-    pattern = isPatternWithPrefix ? pattern : pattern;
-    /* TODO: Revert to previous logic after phone format handling is finalized.
     pattern = isPatternWithPrefix ? pattern : !isEmpty(isPatternWithPrefix) ? PREFIX + pattern : '';
-    */
     return pattern;
 };
 // return phoneline and countrycode for any given phone
@@ -144,11 +140,7 @@ export function PhoneInput(props) {
     const setLocalFormat = (phoneNumber) => {
         const localPhone = removeAllChars(phoneNumber);
         if (shouldNotSetCountryCode) {
-            // TODO: Temporary — portal phone without country code; use mask without + prefix.
-            return DEFAULT_MASK;
-            /* TODO: Revert to previous logic after phone format handling is finalized.
             return DEFAULT_FORMAT; // default format for portal phone without country code
-            */
         }
         let localFormat;
         const exactCountry = getExactCountry(localPhone);
@@ -177,23 +169,12 @@ export function PhoneInput(props) {
         const localFormat = setLocalFormat(phone);
         const _formattedNumber = formatNumber(phone, localFormat);
         setFormattedNumber(_formattedNumber);
-        // TODO: Temporary — do not prepend + when shouldNotSetCountryCode is true.
-        if (!shouldNotSetCountryCode &&
-            !(phone === null || phone === void 0 ? void 0 : phone.trim().startsWith(PREFIX)) &&
-            regex.test(phone) &&
-            !isEqual(phone, '-')) {
+        if (!(phone === null || phone === void 0 ? void 0 : phone.trim().startsWith(PREFIX)) && regex.test(phone) && !isEqual(phone, '-')) {
             onPhoneValueChange(PREFIX + (phone === null || phone === void 0 ? void 0 : phone.trim()));
         }
         else {
             onPhoneValueChange(phone === null || phone === void 0 ? void 0 : phone.slice(0, localFormat === null || localFormat === void 0 ? void 0 : localFormat.length));
         }
-        /* TODO: Revert to previous logic after phone format handling is finalized.
-        if (!phone?.trim().startsWith(PREFIX) && regex.test(phone) && !isEqual(phone, '-')) {
-            onPhoneValueChange(PREFIX + phone?.trim());
-        } else {
-            onPhoneValueChange(phone?.slice(0, localFormat?.length));
-        }
-        */
     };
     const onCountrySelect = (_event, itemId) => {
         var _a, _b;
@@ -252,18 +233,10 @@ export function PhoneInput(props) {
             onPhoneValueChange('');
         }
         else {
-            // TODO: Temporary — strip leading + when shouldNotSetCountryCode is true.
-            const normalizedPhone = shouldNotSetCountryCode ? (phoneValue === null || phoneValue === void 0 ? void 0 : phoneValue.replace(/^\++/, '')) || '' : phoneValue;
-            onPhoneValueChange(normalizedPhone);
-            const localFormat = setLocalFormat(normalizedPhone);
-            const _formattedNumber = formatNumber(normalizedPhone, localFormat);
-            setFormattedNumber(_formattedNumber);
-            /* TODO: Revert to previous logic after phone format handling is finalized.
             onPhoneValueChange(phoneValue);
             const localFormat = setLocalFormat(phoneValue);
             const _formattedNumber = formatNumber(phoneValue, localFormat);
             setFormattedNumber(_formattedNumber);
-            */
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneValue]);
@@ -278,20 +251,10 @@ export function PhoneInput(props) {
         else {
             onCountryCodeChange && onCountryCodeChange(PREFIX + countryCode);
         }
-        // TODO: Temporary — strip leading + when shouldNotSetCountryCode is true.
-        const normalizedPhone = shouldNotSetCountryCode
-            ? removeAllSpaces((phoneValue === null || phoneValue === void 0 ? void 0 : phoneValue.replace(/^\++/, '')) || '')
-            : removeAllSpaces(phoneValue);
-        onPhoneValueChange && onPhoneValueChange(normalizedPhone);
-        const localFormat = setLocalFormat(normalizedPhone);
-        const _formattedNumber = formatNumber(normalizedPhone, localFormat);
-        setFormattedNumber(_formattedNumber);
-        /* TODO: Revert to previous logic after phone format handling is finalized.
         onPhoneValueChange && onPhoneValueChange(removeAllSpaces(phoneValue)); // removing trailing and in between spaces
         const localFormat = setLocalFormat(phoneValue);
         const _formattedNumber = formatNumber(phoneValue, localFormat);
         setFormattedNumber(_formattedNumber);
-        */
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [shouldNotSetCountryCode]);
     const toggle = (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen(!isOpen), isExpanded: isOpen, className: "phone-number-select", "data-tracking-id": "case-phone-number-country-code", isDisabled: props.isDisabled, "aria-label": "Country Code" }, iso2 && phoneValue !== '' ? placeholder : t('Country Code')));

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

@@ -13,7 +13,6 @@ 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;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiC5C"}
+{"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"}

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, isCompact: props.isCompact, titles: {
+    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, titles: {
             paginationAriaLabel: props.variant === PaginationVariant.top ? 'Upper pagination' : 'Lower pagination',
         }, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
 }

package/lib/esm/helperFunctions/errorMessage.d.ts

@@ -6,8 +6,7 @@ export interface IAppErrorObj {
 export interface IAppError {
     [key: string]: Partial<IAppErrorObj>;
 }
-declare function getDirectErrorMessage(error: any): string;
 declare function formattedApiErrorMessage(error: any, customMessage?: IAppError, canManageCase?: boolean): string | JSX.Element;
 declare function errorMessageTitle(error: any, customError?: IAppError, canManageCase?: boolean): string;
-export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };
+export { formattedApiErrorMessage, errorMessageTitle };
 //# sourceMappingURL=errorMessage.d.ts.map

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;AAQ7B,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;AAmED,iBAAS,qBAAqB,CAAC,KAAK,KAAA,GAAG,MAAM,CAI5C;AAGD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAmDjH;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,qBAAqB,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;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"}

package/lib/esm/helperFunctions/errorMessage.js

@@ -1,6 +1,7 @@
 import './errorMessage.scss';
 import { Button } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import { SupportFeedbackForm } from '../SupportFeedbackForm';
 const defaultTitle = "Sorry, we're experiencing an error";
@@ -42,15 +43,6 @@ const defaultErrorObj = {
             " for assistance.")),
     },
 };
-function getApiErrorMessage(error) {
-    return [error === null || error === void 0 ? void 0 : error.message, error === null || error === void 0 ? void 0 : error.detailMessage].filter(Boolean).join(' ').trim();
-}
-// TODO: helper to pass API or status message directly in error popup
-function getDirectErrorMessage(error) {
-    const apiMessage = getApiErrorMessage(error);
-    const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
-    return apiMessage || message;
-}
 // the error argument need a better typing here. We want to make sure that user is passing an error object and not an error string
 function formattedApiErrorMessage(error, customMessage, canManageCase) {
     var _a, _b, _c;
@@ -92,15 +84,9 @@ function formattedApiErrorMessage(error, customMessage, canManageCase) {
         }
         // api call error
         const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
-        // TODO: original logic — showed default when error.message existed
-        // // error.message -> javascript error
-        // const isNotProperUXError = isEmpty(message) || message?.length > 200 || error?.message || error?.detailMessage;
-        // return isNotProperUXError ? defaultErrorMessage : message;
-        const apiMessage = getApiErrorMessage(error);
-        if (apiMessage || message) {
-            return apiMessage || message;
-        }
-        return defaultErrorMessage;
+        // error.message -> javascript error
+        const isNotProperUXError = isEmpty(message) || (message === null || message === void 0 ? void 0 : message.length) > 200 || (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.detailMessage);
+        return isNotProperUXError ? defaultErrorMessage : message;
     }
 }
 function errorMessageTitle(error, customError, canManageCase) {
@@ -116,4 +102,4 @@ function errorMessageTitle(error, customError, canManageCase) {
     }
     return defaultTitle;
 }
-export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };
+export { formattedApiErrorMessage, errorMessageTitle };

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

@@ -1,4 +1,4 @@
-export declare function useCopyToClipboard(ref: React.RefObject<HTMLElement>): {
+export declare function useCopyToClipboard(ref: React.RefObject<HTMLInputElement>): {
     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,WAAW,CAAC;;;EA6BnE"}
+{"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"}

package/lib/esm/hooks/useCopyToClipboard.js

@@ -14,11 +14,9 @@ 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 el = ref.current;
-        const textToCopy = el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement ? el.value : (_a = el.textContent) !== null && _a !== void 0 ? _a : '';
+        const textToCopy = ref.current.value;
         try {
             yield navigator.clipboard.writeText(textToCopy);
             setClipboardText(t('Copied!'));

package/lib/esm/index.d.ts

@@ -5,7 +5,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './RichTextEditor';
+export * from './MarkdownEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -29,7 +29,6 @@ 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,oBAAoB,CAAC;AACnC,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,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

package/lib/esm/index.js

@@ -6,7 +6,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './RichTextEditor';
+export * from './MarkdownEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -30,9 +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';
 export * from './OwnerTypeaheadDropdown';
-// dummy change for publish

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.213",
+    "version": "2.5.222",
     "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": {
-        "@apollo/client": "^4.1.6",
+        "@cee-eng/hydrajs": "4.18.111",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -55,21 +55,21 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "^4.18.114",
+        "@cee-eng/hydrajs": "4.18.111",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
+        "@patternfly/react-tokens": "6.2.1",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.160",
-        "@rh-support/utils": "2.5.141",
+        "@rh-support/user-permissions": "2.5.170",
+        "@rh-support/utils": "2.5.149",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "lodash": "^4.17.21",
         "mark.js": "^8.11.1",
-        "quill": "~2.0.3",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "15.6.0",
@@ -83,8 +83,6 @@
         "@types/react-dom": "^18.2.18"
     },
     "devDependencies": {
-        "@patternfly/react-styles": "^6.2.1",
-        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -103,5 +101,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "62d92ed52ff1bf81a6103af96c29e96442da5963"
+    "gitHead": "cc1c26280084d477ee0abcec8d46963c8213b783"
 }

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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-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)))));
-}