@rh-support/components 2.5.230 → 2.5.232

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/SingleSelectDropdown/SingleSelectDropdown.d.ts

@@ -27,8 +27,6 @@ export interface SingleSelectDropdownProps extends Omit<SelectProps, 'toggle'> {
     isScrollable?: boolean;
     zIndex?: number;
     isModalOpen?: boolean;
-    /** When set, toggle opens this handler instead of the select menu (e.g. case-details severity modal). */
-    onMenuToggle?: () => void;
     hideToggleIcons?: boolean;
     onClear?: () => void;
     onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,WAAW,EAEd,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC1E,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBA0IpE"}
+{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQH,WAAW,EAEd,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,2BAA2B;IACxC,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC1E,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,2BAA2B,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAsIpE"}

package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.js

@@ -15,13 +15,9 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { useSelectKeyboardNavigator } from '../hooks/useSelectKeyboardNavigator';
 export function SingleSelectDropdown(props) {
-    const { badge, selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, isScrollable, ariaLabel, zIndex, ariaLabelledBy, isModalOpen, onMenuToggle, hideToggleIcons, onClear, onBlur, onSelect } = props, restProps = __rest(props, ["badge", "selected", "options", "isDisabled", "isLoading", "id", "placeholder", "isInvalid", "className", "toggleClassName", "dataTrackingId", "toggleDataTrackingId", "isScrollable", "ariaLabel", "zIndex", "ariaLabelledBy", "isModalOpen", "onMenuToggle", "hideToggleIcons", "onClear", "onBlur", "onSelect"]);
+    const { badge, selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, isScrollable, ariaLabel, zIndex, ariaLabelledBy, isModalOpen, hideToggleIcons, onClear, onBlur, onSelect } = props, restProps = __rest(props, ["badge", "selected", "options", "isDisabled", "isLoading", "id", "placeholder", "isInvalid", "className", "toggleClassName", "dataTrackingId", "toggleDataTrackingId", "isScrollable", "ariaLabel", "zIndex", "ariaLabelledBy", "isModalOpen", "hideToggleIcons", "onClear", "onBlur", "onSelect"]);
     const [isOpen, setIsOpen] = useState(false);
     const onToggleClick = () => {
-        if (onMenuToggle) {
-            onMenuToggle();
-            return;
-        }
         setIsOpen(!isOpen);
     };
     const handleSelect = (selectedOption) => {
@@ -40,7 +36,8 @@ export function SingleSelectDropdown(props) {
         if (isModalOpen) {
             setIsOpen(false);
         }
-    }, [isModalOpen]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen]);
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { className: toggleClassName || 'single-select-toggle-text', ref: toggleRef, onClick: onToggleClick, onKeyDown: onInputKeyDown, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, status: isInvalid ? 'danger' : undefined, "data-tracking-id": toggleDataTrackingId || '', badge: badge },
         hideToggleIcons && ((selected === null || selected === void 0 ? void 0 : selected.label) || placeholder),
         !hideToggleIcons && (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
@@ -61,6 +58,8 @@ export function SingleSelectDropdown(props) {
     return (React.createElement(Select, Object.assign({ shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, id: id || '', className: className || '', "data-tracking-id": dataTrackingId, isOpen: isOpen, selected: selected, onSelect: onLocalSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, isScrollable: isScrollable, onBlur: onLocalBlur, "aria-label": ariaLabel, zIndex: zIndex, "aria-labelledby": ariaLabelledBy, maxMenuHeight: "20rem" }, restProps),
         React.createElement(SelectList, null, options.map((option, index) => {
             var _a;
-            return (React.createElement(SelectOption, { key: option.value, value: option, description: option.description || '', isSelected: isEqual(selected === null || selected === void 0 ? void 0 : selected.value, option.value), isDisabled: option.disabled, isFocused: focusedItemIndex === index, title: (option === null || option === void 0 ? void 0 : option.title) || option.label, "aria-label": option.label }, (_a = option === null || option === void 0 ? void 0 : option.element) !== null && _a !== void 0 ? _a : option.label));
+            return (React.createElement(SelectOption, { key: option.value, value: option, description: option.description || '', 
+                // Fix the comparison to compare the entire objects or at least their values
+                isSelected: isEqual(selected === null || selected === void 0 ? void 0 : selected.value, option.value), isDisabled: option.disabled, isFocused: focusedItemIndex === index, title: (option === null || option === void 0 ? void 0 : option.title) || option.label }, (_a = option === null || option === void 0 ? void 0 : option.element) !== null && _a !== void 0 ? _a : option.label));
         }))));
 }

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0R1C;kBA1RQ,oBAAoB;;;AA6R7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAWD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA+S1C;kBA/SQ,oBAAoB;;;AAkT7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
+import { Button, FormGroup, FormHelperText, HelperText, HelperTextItem, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, ValidatedOptions, } from '@patternfly/react-core';
 import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
 import OutlinedFrownOpenIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-open-icon';
 import OutlinedGrinIcon from '@patternfly/react-icons/dist/js/icons/outlined-grin-icon';
@@ -20,11 +20,16 @@ import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useLocation, useParams } from 'react-router-dom';
 import { useFetch } from '../hooks/useFetch';
-import { TextAreaAutosize } from '../TextAreaAutosize';
 import { ToastNotification } from '../ToastNotification';
-const required = {
-    levelOfSatisfied: true,
-    moreInfo: false,
+function isRequiredFieldValid(key, value) {
+    if (key === 'moreInfo') {
+        return (value !== null && value !== void 0 ? value : '').trim().length > 0;
+    }
+    return !isEmpty(value);
+}
+const formInitState = {
+    levelOfSatisfied: null,
+    moreInfo: '',
 };
 const defaultProps = {
     isModalOpen: false,
@@ -34,29 +39,25 @@ function SupportFeedbackModal(props) {
     const { t } = useTranslation();
     const seSessionId = (_b = (_a = getUrlParsedParams(useLocation().search)) === null || _a === void 0 ? void 0 : _a.seSessionId) !== null && _b !== void 0 ? _b : '';
     const { caseNumber } = useParams();
-    const formInitState = {
-        levelOfSatisfied: null,
-        moreInfo: '',
-    };
     const [values, setValues] = useState(formInitState);
     const { request: requestAISummary, isFetching: isFetchingAISummary } = useFetch(pcm.AISummaryFeedback, {
         propgateErrors: true,
     });
-    const { request: requestFeedbackForm, isFetching: isFetchingFeedback } = useFetch(pcm.sendFeedbackForm, {
+    const { request: requestPcmFeedback, isFetching: isFetchingFeedback } = useFetch(pcm.submitPcmFeedback, {
         propgateErrors: true,
     });
     const isFetching = isFetchingAISummary || isFetchingFeedback;
-    const [isSubmitDisabled, setIsSubmitDisabled] = useState(false);
-    const [isSubmitButtonValid, setSubmitButtonValid] = useState(true);
+    const [showRatingError, setShowRatingError] = useState(false);
+    const [showFeedbackTextError, setShowFeedbackTextError] = useState(false);
+    const trimmedMoreInfo = values.moreInfo.trim();
+    const hasValidationError = showRatingError || showFeedbackTextError;
     useEffect(() => {
-        let valid = true;
-        Object.keys(values).forEach((key) => {
-            if (required[key]) {
-                valid = valid && !isEmpty(values[key]);
-            }
-        });
-        setSubmitButtonValid(!valid);
-    }, [values]);
+        setShowRatingError(false);
+        setShowFeedbackTextError(false);
+        if (!props.isModalOpen) {
+            setValues(formInitState);
+        }
+    }, [props.isModalOpen]);
     useEffect(() => {
         if (props.caseSummaryId) {
             setValues((prev) => (Object.assign(Object.assign({}, prev), { caseSummaryId: props.caseSummaryId })));
@@ -67,59 +68,75 @@ function SupportFeedbackModal(props) {
     }, [props.caseSummaryId, props.errorMessage]);
     // To Handle the Feedback Satisfaction values
     const handleSentimentChange = (event) => {
-        setIsSubmitDisabled(false);
+        setShowRatingError(false);
         setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
     };
     // To Handle the Text Area Input (Feedback Description)
-    const handleFeedbackTextChange = (event) => {
-        setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
+    const handleFeedbackTextChange = (_event, value) => {
+        setShowFeedbackTextError(false);
+        setValues(Object.assign(Object.assign({}, values), { moreInfo: value }));
     };
     // To handle submit
     const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
         var _a;
         event.preventDefault();
-        if (!isSubmitButtonValid) {
-            let updatedValues = Object.assign({}, values);
-            try {
-                if (props.isCaseSummary) {
-                    const aiPayload = {
-                        caseNumber: caseNumber || '',
-                        feedback: values.levelOfSatisfied || '',
-                        description: values.moreInfo || '',
-                    };
-                    yield requestAISummary(aiPayload, window.sessionjs);
-                }
-                else {
-                    const extraInfo = [
-                        props.errorMessage && `caseSummaryErrorMessage:'${props.errorMessage}'\n`,
-                        props.caseSummaryId && `caseSummaryId:'${props.caseSummaryId}'\n`,
-                    ];
-                    updatedValues = Object.assign(Object.assign({}, updatedValues), { moreInfo: `${extraInfo.filter(Boolean).join('')}${updatedValues.moreInfo || ''}`.trim() });
-                    delete updatedValues.caseSummaryErrorMessage;
-                    delete updatedValues.caseSummaryId;
-                    const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Extended_Pictographic})+/gu;
-                    updatedValues.moreInfo = (_a = updatedValues.moreInfo) === null || _a === void 0 ? void 0 : _a.replace(emojiRegex, (match) => encodeURIComponent(match));
-                    // Call the request with the updated values
-                    yield requestFeedbackForm(updatedValues, window.sessionjs, window.location.href, seSessionId);
-                }
-                setValues(formInitState); // Reset form state after successful submission
-                ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
-                handleModalToggle();
+        const hasRating = isRequiredFieldValid('levelOfSatisfied', values.levelOfSatisfied);
+        const hasFeedbackText = trimmedMoreInfo.length > 0;
+        setShowRatingError(!hasRating);
+        setShowFeedbackTextError(!hasFeedbackText);
+        if (!hasRating || !hasFeedbackText) {
+            return;
+        }
+        let updatedValues = Object.assign(Object.assign({}, values), { moreInfo: trimmedMoreInfo });
+        try {
+            if (props.isCaseSummary) {
+                const aiPayload = {
+                    caseNumber: caseNumber || '',
+                    feedback: values.levelOfSatisfied || '',
+                    description: trimmedMoreInfo,
+                };
+                yield requestAISummary(aiPayload, window.sessionjs);
             }
-            catch (error) {
-                ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
+            else {
+                const extraInfo = [
+                    props.errorMessage && `caseSummaryErrorMessage:'${props.errorMessage}'\n`,
+                    props.caseSummaryId && `caseSummaryId:'${props.caseSummaryId}'\n`,
+                ];
+                updatedValues = Object.assign(Object.assign({}, updatedValues), { moreInfo: `${extraInfo.filter(Boolean).join('')}${updatedValues.moreInfo || ''}`.trim() });
+                delete updatedValues.caseSummaryErrorMessage;
+                delete updatedValues.caseSummaryId;
+                const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F|\p{Extended_Pictographic})+/gu;
+                updatedValues.moreInfo = (_a = updatedValues.moreInfo) === null || _a === void 0 ? void 0 : _a.replace(emojiRegex, (match) => encodeURIComponent(match));
+                const session = globalThis.sessionjs;
+                const userInfo = session.getUserInfo();
+                const payload = {
+                    userName: `${userInfo.firstName} ${userInfo.lastName}`,
+                    ssoUserName: userInfo.username,
+                    accountNumber: userInfo.account_number || '',
+                    userType: session.isInternal() ? 'internal' : 'external',
+                    foundSolution: '',
+                    satisfactionLevel: updatedValues.levelOfSatisfied || '',
+                    savedTime: '',
+                    feedback: updatedValues.moreInfo || '',
+                    currentUrl: globalThis.location.href,
+                    email: userInfo.email || '',
+                    sessionId: seSessionId || '',
+                };
+                yield requestPcmFeedback(payload);
             }
+            setValues(formInitState); // Reset form state after successful submission
+            ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
+            handleModalToggle();
+        }
+        catch (error) {
+            ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
         }
-        else
-            setIsSubmitDisabled(true);
     });
     // Function for Toggling the Modal when Provide feedback button is clicked
     const handleModalToggle = () => {
         if (isFetching)
             return;
         props.onClose();
-        setIsSubmitDisabled(false);
-        setValues({ levelOfSatisfied: null, moreInfo: '' });
     };
     // Feedback Satisfaction Values
     const sentiments = [
@@ -165,13 +182,14 @@ function SupportFeedbackModal(props) {
                             React.createElement(Icon, { size: "lg" }, sentiment.icon),
                             React.createElement(Trans, null, sentiment.label)));
                     })),
-                    isSubmitDisabled && (React.createElement("div", null,
+                    showRatingError && (React.createElement("div", null,
                         React.createElement("p", { className: "form-instructions form-invalid" },
                             React.createElement(Trans, null, "Please select a value"))))),
-                React.createElement("div", { className: "form-group pf-v6-u-mb-md" },
-                    React.createElement("label", { htmlFor: "moreFeedback" },
-                        React.createElement(Trans, null, "How can we improve?")),
-                    React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), disabled: isFetching, value: values.moreInfo, className: "form-control", onChange: handleFeedbackTextChange, rowsMin: 3 })),
+                React.createElement(FormGroup, { label: t('How can we improve?'), isRequired: true, fieldId: "moreFeedback" },
+                    showFeedbackTextError && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Please enter your feedback'))))),
+                    React.createElement(TextArea, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), isDisabled: isFetching, value: values.moreInfo, onChange: handleFeedbackTextChange, validated: showFeedbackTextError ? ValidatedOptions.error : ValidatedOptions.default, "aria-label": t('How can we improve?'), resizeOrientation: "vertical", rows: 3 })),
                 React.createElement("p", null, props.isCaseSummary ? (React.createElement(Trans, { i18nKey: "Do not share any personal or other sensitive information in your feedback. Feedback may\n                                be used to improve Red Hat's products or services. For more information about Red Hat\u2019s\n                                privacy practices, please refer to the <a><u>Red Hat Privacy Statement.</u></a>", components: {
                         a: (
                         // eslint-disable-next-line jsx-a11y/anchor-has-content
@@ -187,7 +205,7 @@ function SupportFeedbackModal(props) {
                 React.createElement("p", { className: "pf-v6-u-mb-sm" }, t('i18nFeedbackFormFoundBug', 'Let us know if you found a bug or if you have a suggestion to improve the web experience.')),
                 renderModalBody()),
             React.createElement(ModalFooter, null,
-                React.createElement(Button, { key: "confirm", onClick: handleSubmit, variant: "primary", isDisabled: isSubmitDisabled || isFetching, className: "pf-v6-u-ml-xs", spinnerAriaValueText: isFetching ? 'Loading' : undefined, isLoading: isFetching, "data-tracking-id": "app-feedback-submit", "aria-label": t('Send feedback') },
+                React.createElement(Button, { key: "confirm", onClick: handleSubmit, variant: "primary", isDisabled: hasValidationError || isFetching, className: "pf-v6-u-ml-xs", spinnerAriaValueText: isFetching ? 'Loading' : undefined, isLoading: isFetching, "data-tracking-id": "app-feedback-submit", "aria-label": t('Send feedback') },
                     React.createElement(Trans, null, isFetching ? 'Sending feedback' : 'Send feedback')),
                 React.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "app-feedback-cancel", "aria-label": "Cancel" }, "Cancel")))));
 }

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 {};