@rh-support/components 2.5.25 → 2.5.27

package/lib/esm/PhoneInput/PhoneInput.js

@@ -1,10 +1,9 @@
 import './PhoneInput.scss';
-import { InputGroup, InputGroupItem, Spinner, TextInput } from '@patternfly/react-core';
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
+import { Divider, InputGroup, InputGroupItem, Menu, MenuContainer, MenuContent, MenuList, MenuSearch, MenuSearchInput, MenuToggle, SearchInput, Spinner, TextInput, } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { COUNTRY_DATA } from './CountryData';
 import { FlagSvgs } from './FlagSvgs';
@@ -134,6 +133,10 @@ export function PhoneInput(props) {
     const [isOpen, setIsOpen] = useState(false);
     const [iso2, setIso2] = useState('');
     const [formattedNumber, setFormattedNumber] = useState('');
+    const [searchInput, setSearchInput] = useState('');
+    const [activeItem, setActiveItem] = useState(null);
+    const toggleRef = useRef(null);
+    const menuRef = useRef(null);
     const setLocalFormat = (phoneNumber) => {
         const localPhone = removeAllChars(phoneNumber);
         if (shouldNotSetCountryCode) {
@@ -173,41 +176,46 @@ export function PhoneInput(props) {
             onPhoneValueChange(phone === null || phone === void 0 ? void 0 : phone.slice(0, localFormat === null || localFormat === void 0 ? void 0 : localFormat.length));
         }
     };
-    const onToggle = (isOpen) => {
-        setIsOpen(isOpen);
-    };
-    const onCountrySelect = (event, selection) => {
+    const onCountrySelect = (_event, itemId) => {
         var _a, _b;
-        const prevCountryCode = !shouldNotSetCountryCode // fetching previous country code to remove it from the phone
-            ? trimAndReplacePlusFromPhone((_a = getPhoneObj(phoneValue)) === null || _a === void 0 ? void 0 : _a.countryCode)
-            : '';
-        const phoneWithoutCountryCode = (_b = removeAllChars(phoneValue)) === null || _b === void 0 ? void 0 : _b.replace(prevCountryCode, '');
-        const formattedPhone = `${PREFIX}${selection.countryCode}${phoneWithoutCountryCode}`;
-        const localFormattedPhone = setLocalFormat(formattedPhone);
-        onPhoneValueChange(formatNumber(formattedPhone, localFormattedPhone));
-        setIsOpen(!isOpen);
+        setSearchInput('');
+        if (typeof itemId === 'number') {
+            const filteredCountries = initializedCountries.filter((country) => !searchInput ||
+                `${country.name} (+${country.dialCode})`.toLowerCase().includes(searchInput.toLowerCase()));
+            const selection = filteredCountries[itemId];
+            if (selection) {
+                const prevCountryCode = !shouldNotSetCountryCode // fetching previous country code to remove it from the phone
+                    ? trimAndReplacePlusFromPhone((_a = getPhoneObj(phoneValue)) === null || _a === void 0 ? void 0 : _a.countryCode)
+                    : '';
+                const phoneWithoutCountryCode = (_b = removeAllChars(phoneValue)) === null || _b === void 0 ? void 0 : _b.replace(prevCountryCode, '');
+                const formattedPhone = `${PREFIX}${selection.countryCode}${phoneWithoutCountryCode}`;
+                const localFormattedPhone = setLocalFormat(formattedPhone);
+                onPhoneValueChange(formatNumber(formattedPhone, localFormattedPhone));
+                setIsOpen(false);
+                setActiveItem(itemId);
+            }
+        }
+    };
+    const handleSearchInputChange = (_event, value) => {
+        setSearchInput(value);
     };
-    const getOptions = (options) => {
-        return options.map((country) => (React.createElement(SelectOption, { key: country.iso2, value: country },
-            React.createElement("div", { className: "pf-v5-u-display-inline-flex" },
+    const filteredCountries = initializedCountries.filter((country) => !searchInput || `${country.name} (+${country.dialCode})`.toLowerCase().includes(searchInput.toLowerCase()));
+    const menuItems = filteredCountries.map((country, index) => (React.createElement("div", { role: "menuitem", tabIndex: -1, className: "pf-v6-c-menu__item", onClick: (event) => onCountrySelect(event, index) },
+        React.createElement("div", { className: "pf-v6-c-menu__item-main" },
+            React.createElement("div", { className: "pf-v6-c-menu__item-text pf-v6-u-display-inline-flex" },
                 React.createElement("svg", { className: "flag-class-select" },
                     React.createElement("use", { xlinkHref: `#cc_${country.iso2}` })),
                 country.name,
                 " (+",
                 country.dialCode,
-                ")"))));
-    };
-    const onFilter = (_, value) => {
-        if (!value)
-            return getOptions(initializedCountries);
-        const newOptions = initializedCountries.filter((country) => {
-            const countryStr = `${country.name.toString()} (+${country.countryCode.toString()})`.toLowerCase();
-            return countryStr.includes(value.toLowerCase());
-        });
-        return getOptions(newOptions);
-    };
+                ")")))));
+    if (searchInput && menuItems.length === 0) {
+        menuItems.push(React.createElement("div", { key: "no-results", role: "menuitem", className: "pf-v6-c-menu__item pf-m-disabled", "aria-disabled": "true" },
+            React.createElement("div", { className: "pf-v6-c-menu__item-main" },
+                React.createElement("div", { className: "pf-v6-c-menu__item-text" }, t('No results found')))));
+    }
     const placeholder = (React.createElement("div", { className: "phone-number-select-placeholder" },
-        React.createElement("div", { className: "pf-v5-u-display-inline-flex" },
+        React.createElement("div", { className: "pf-v6-u-display-inline-flex" },
             React.createElement("svg", { className: "flag-class-selected" },
                 React.createElement("use", { xlinkHref: `#cc_${iso2}` })),
             iso2.toUpperCase())));
@@ -249,12 +257,22 @@ export function PhoneInput(props) {
         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')));
+    const menu = (React.createElement(Menu, { ref: menuRef, onSelect: onCountrySelect, activeItemId: activeItem, isScrollable: true },
+        React.createElement(MenuSearch, null,
+            React.createElement(MenuSearchInput, null,
+                React.createElement(SearchInput, { value: searchInput, "aria-label": t('Search'), placeholder: t('Search'), onChange: handleSearchInputChange }))),
+        React.createElement(Divider, null),
+        React.createElement(MenuContent, { maxMenuHeight: "200px" },
+            React.createElement(MenuList, null, menuItems))));
     return (React.createElement(InputGroup, { className: "phone-number-input" },
         React.createElement(FlagSvgs, null),
         React.createElement(InputGroupItem, null,
             React.createElement("div", null,
-                React.createElement(Select, { variant: SelectVariant.single, "data-tracking-id": "case-phone-number-country-code", className: "phone-number-select", onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onCountrySelect, isOpen: isOpen, placeholderText: iso2 && phoneValue !== '' ? placeholder : 'Country Code', onFilter: onFilter, hasInlineFilter: true, inlineFilterPlaceholderText: t('Search'), isDisabled: props.isDisabled, toggleAriaLabel: "Country Code" }, getOptions(initializedCountries)))),
+                React.createElement(MenuContainer, { menu: menu, menuRef: menuRef, toggle: toggle, toggleRef: toggleRef, isOpen: isOpen, onOpenChange: (open) => {
+                        setIsOpen(open);
+                    }, onOpenChangeKeys: ['Escape'] }))),
         React.createElement(InputGroupItem, { style: { width: '100%' } },
             React.createElement(TextInput, { id: "case-phone-number", "data-tracking-id": "case-phone-number", placeholder: "55-555-5555", value: formattedNumber ? formattedNumber : phoneValue, onChange: (_event, phone) => onPhoneChange(phone), validated: validations, isDisabled: props.isDisabled, "aria-label": "Case owner's phone number" })),
-        props.isLoading && React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-2xl pf-v5-u-mr-xl phone-spinner" })));
+        props.isLoading && React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-2xl pf-v6-u-mr-xl phone-spinner" })));
 }

package/lib/esm/PhoneInput/PhoneInput.scss

@@ -4,7 +4,7 @@
 }
 
 .phone-number-select {
-    .pf-v5-c-select__menu {
+    .pf-v6-c-select__menu {
         min-width: 370px !important;
     }
 }

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

@@ -15,17 +15,21 @@ export interface SingleSelectDropdownProps {
     id?: string;
     ariaLabel?: string;
     placeholder?: string | JSX.Element;
+    badge?: ReactNode;
     isInvalid?: boolean;
     className?: string;
+    ariaLabelledBy?: string;
     toggleClassName?: string;
     dataTrackingId?: string;
     toggleDataTrackingId?: string;
     customToggleContent?: React.JSX.Element;
-    onSelect?: (option: ISingleSelectDropdownOption) => void;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
     isScrollable?: boolean;
     zIndex?: number;
     isModalOpen?: boolean;
+    hideToggleIcons?: boolean;
+    onClear?: () => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onSelect?: (options: any) => void;
 }
 export declare function SingleSelectDropdown(props: SingleSelectDropdownProps): React.JSX.Element;
 //# sourceMappingURL=SingleSelectDropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAEnE,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,yBAAyB;IACtC,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAkGpE"}
+{"version":3,"file":"SingleSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/SingleSelectDropdown/SingleSelectDropdown.tsx"],"names":[],"mappings":"AAYA,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,yBAAyB;IACtC,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,qBAmIpE"}

package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.js

@@ -1,35 +1,54 @@
 import { Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
+import { useSelectKeyboardNavigator } from '../hooks/useSelectKeyboardNavigator';
 export function SingleSelectDropdown(props) {
-    const { selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, onSelect, isScrollable, onBlur, ariaLabel, zIndex, isModalOpen, } = props;
+    const { badge, selected, options, isDisabled, isLoading, id, placeholder, isInvalid, className, toggleClassName, dataTrackingId, toggleDataTrackingId, isScrollable, ariaLabel, zIndex, ariaLabelledBy, isModalOpen, hideToggleIcons, onClear, onBlur, onSelect, } = props;
     const [isOpen, setIsOpen] = useState(false);
     const onToggleClick = () => {
         setIsOpen(!isOpen);
     };
+    const handleSelect = (selectedOption) => {
+        onSelect && onSelect(selectedOption);
+        setIsOpen(false);
+    };
+    const { focusedItemIndex, onInputKeyDown } = useSelectKeyboardNavigator({
+        list: options,
+        isOpen,
+        resetIndexOnClose: true,
+        isDisabled,
+        setIsOpen,
+        onSelect: handleSelect,
+    });
     useEffect(() => {
         if (isModalOpen) {
             setIsOpen(false);
         }
         // 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, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, status: isInvalid ? 'danger' : undefined, "data-tracking-id": toggleDataTrackingId || '' },
-        React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
-            React.createElement(FlexItem, null,
-                " ",
-                selected.label || placeholder),
+    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' } },
+            React.createElement(FlexItem, null, (selected === null || selected === void 0 ? void 0 : selected.label) || placeholder),
             isLoading && (React.createElement(FlexItem, null,
-                React.createElement(Spinner, { size: "md" }))))));
+                React.createElement(Spinner, { size: "md" }))),
+            selected.label && onClear && (React.createElement(FlexItem, { onClick: onClear, style: { opacity: 0.6 } },
+                React.createElement(TimesCircleIcon, { "aria-hidden": true })))))));
+    // This is the key fix - properly handle the selection from PatternFly
     const onLocalSelect = (event, value) => {
-        onSelect && onSelect(value);
-        setIsOpen(false);
+        // Ensure we're getting the correct value structure
+        const selectedOption = value;
+        handleSelect(selectedOption);
     };
-    const onLocalBlur = (event, value) => {
-        !!onBlur && onBlur(value);
+    const onLocalBlur = (event) => {
+        !!onBlur && onBlur(event);
     };
-    return (React.createElement(Select, { id: id || '', className: className || '', "data-tracking-id": dataTrackingId, isOpen: isOpen, selected: selected, onSelect: onLocalSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, shouldFocusToggleOnSelect: true, popperProps: { direction: 'down', enableFlip: false }, isScrollable: isScrollable, shouldFocusFirstItemOnOpen: false, onBlur: () => onLocalBlur, "aria-label": ariaLabel, zIndex: zIndex },
-        React.createElement(SelectList, null, options.map((option) => {
+    return (React.createElement(Select, { id: id || '', className: className || '', "data-tracking-id": dataTrackingId, isOpen: isOpen, selected: selected, onSelect: onLocalSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, shouldFocusToggleOnSelect: true, popperProps: { direction: 'down', enableFlip: false }, isScrollable: isScrollable, shouldFocusFirstItemOnOpen: false, onBlur: onLocalBlur, "aria-label": ariaLabel, zIndex: zIndex, "aria-labelledby": ariaLabelledBy },
+        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.label, option.label), isDisabled: option.disabled, 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));
+            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/SubscriptionAbuse/SubscriptionAbuseModal.js

@@ -1,13 +1,13 @@
-import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { SubscriptionAbuseModalText, SubscriptionAbuseModalTitle } from './const';
 export function SubscriptionAbuseModal(props) {
     const { t } = useTranslation();
-    return (React.createElement(Modal, { id: "subscription-abuse-confirmation", title: t(SubscriptionAbuseModalTitle), isOpen: props.isOpen, variant: ModalVariant.small, onClose: props.onConfirm, actions: [
-            React.createElement(Button, { key: "confirm", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "subscription-abuse-close-cases-confirm" },
-                React.createElement(Trans, null, "I understand")),
-        ] },
+    return (React.createElement(Modal, { id: "subscription-abuse-confirmation", title: t(SubscriptionAbuseModalTitle), isOpen: props.isOpen, variant: ModalVariant.small, onClose: props.onConfirm },
         React.createElement("p", null,
-            React.createElement(Trans, null, SubscriptionAbuseModalText))));
+            React.createElement(Trans, null, SubscriptionAbuseModalText)),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "confirm", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "subscription-abuse-close-cases-confirm" },
+                React.createElement(Trans, null, "I understand")))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAUA,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,qBA0Q1C;kBA1QQ,oBAAoB;;;AA6Q7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAUA,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,qBAsQ1C;kBAtQQ,oBAAoB;;;AAyQ7B,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, ModalVariant } from '@patternfly/react-core';
+import { Button, Icon, Modal, ModalFooter, ModalVariant } 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';
@@ -138,14 +138,14 @@ function SupportFeedbackModal(props) {
     function renderModalBody() {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
-                React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-v5-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
-                    React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-v5-u-mb-md" },
+                React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-v6-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
+                    React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-v6-u-mb-md" },
                         props.isCaseSummary ? (React.createElement(Trans, null, "How satisfied are you with generated AI case summary ?")) : (React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?")),
                         React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
                         ' '),
                     React.createElement("div", { className: "satisfaction-values-wrapper" }, sentiments.map((sentiment) => {
-                        return (React.createElement("label", { className: `${sentiment.id} sentiment-label pf-v5-u-ml-md pf-v5-u-mr-md ${values.levelOfSatisfied === sentiment.label ? 'sentiment-selected' : ''}`, htmlFor: sentiment.id, key: sentiment.id },
-                            React.createElement("input", { type: "radio", id: sentiment.id, "aria-label": t(sentiment.label), disabled: isFetching, name: "levelOfSatisfied", value: sentiment.label, checked: values.levelOfSatisfied === sentiment.label, "aria-checked": values.levelOfSatisfied === sentiment.label, required: true, className: "feedback_button_values pf-v5-u-mb-sm pf-screen-reader", onChange: handleSentimentChange }),
+                        return (React.createElement("label", { className: `${sentiment.id} sentiment-label pf-v6-u-ml-md pf-v6-u-mr-md ${values.levelOfSatisfied === sentiment.label ? 'sentiment-selected' : ''}`, htmlFor: sentiment.id, key: sentiment.id },
+                            React.createElement("input", { type: "radio", id: sentiment.id, "aria-label": t(sentiment.label), disabled: isFetching, name: "levelOfSatisfied", value: sentiment.label, checked: values.levelOfSatisfied === sentiment.label, "aria-checked": values.levelOfSatisfied === sentiment.label, required: true, className: "feedback_button_values pf-v6-u-mb-sm pf-screen-reader", onChange: handleSentimentChange }),
                             ' ',
                             React.createElement(Icon, { size: "lg" }, sentiment.icon),
                             React.createElement(Trans, null, sentiment.label)));
@@ -153,7 +153,7 @@ function SupportFeedbackModal(props) {
                     isSubmitDisabled && (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-v5-u-mb-md" },
+                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 })),
@@ -163,16 +163,14 @@ function SupportFeedbackModal(props) {
                     React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" },
                         React.createElement("u", null, "Red Hat Privacy Statement.")))) : (React.createElement(Trans, null, "Feedback is sent to the web team working on this application, not the support associate working on your case."))))));
     }
-    function returnModalAction() {
-        return [
-            React.createElement(Button, { key: "confirm", onClick: handleSubmit, variant: "primary", isDisabled: isSubmitDisabled || isFetching, className: "pf-v5-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", disabled: isFetching, type: "button" },
-                React.createElement(Trans, null, "Cancel")),
-        ];
-    }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { id: "feedback-modal", title: t('i18nSendUsFeedback', 'Send us your feedback\n'), description: t('i18nFeedbackFormFoundBug', 'Let us know if you found a bug or if you have a suggestion to improve the web experience.'), "aria-describedby": "Feedback Form", isOpen: props.isModalOpen, variant: ModalVariant.large, onClose: handleModalToggle, actions: returnModalAction() }, renderModalBody())));
+        React.createElement(Modal, { id: "feedback-modal", title: t('i18nSendUsFeedback', 'Send us your feedback\n'), "aria-describedby": "Feedback Form", isOpen: props.isModalOpen, variant: ModalVariant.large, onClose: handleModalToggle },
+            React.createElement("p", null, 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(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")))));
 }
 SupportFeedbackModal.defaultProps = defaultProps;
 export { SupportFeedbackModal };

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

@@ -1,5 +1,4 @@
-import { IExtraData, IRow, IRowData } from '@patternfly/react-table';
-import { TableProps } from '@patternfly/react-table/deprecated';
+import { ISortBy, TableVariant } from '@patternfly/react-table';
 import React, { ReactNode } from 'react';
 interface IColumn {
     id: string;
@@ -20,21 +19,28 @@ interface ISortInfo {
     direction: 'asc' | 'desc';
     column: string;
 }
-interface ISortBy {
-    index: number;
-    direction: 'asc' | 'desc';
+interface IEmptyStateRow {
+    heightAuto: boolean;
+    colSpan: number;
+    content: ReactNode;
 }
-interface IProps extends Omit<TableProps, 'sortBy' | 'cells' | 'onSort' | 'rows'> {
+interface IProps {
+    className?: string;
     pagination: boolean;
     onRowClick?: (event: any, row: any, props: any) => void;
     onSortChange?: (column: IColumn, direction: 'asc' | 'desc') => any;
-    emptyStateRow?: IRow[];
-    loadingRow?: IRow[];
+    emptyStateRow?: IEmptyStateRow;
+    loadingRow?: IEmptyStateRow;
     sortInfo?: ISortInfo;
     isLoading?: boolean;
     keepPageNumberOnDataChange?: boolean;
+    onSelect?: (event: any, isSelected: any, rowIndex: any, rowData: any, extraData: any) => void;
+    actionResolver?: (rowData: any, extraData: any) => any[];
+    actions?: any[];
+    areActionsDisabled?: (rowData: any, extraData: any) => boolean;
+    variant?: TableVariant;
 }
 export declare const defaultTableSortMethod: (a: any, b: any) => 0 | 1 | -1;
 declare function PFTable(props: IProps): React.JSX.Element;
-export { IRowData, IExtraData, PFTable, IProps, ISortBy, ISortInfo, IColumn };
+export { PFTable, IProps, ISortBy, ISortInfo, IColumn };
 //# sourceMappingURL=PFTable.d.ts.map

package/lib/esm/Table/PFTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAGH,UAAU,EACV,IAAI,EACJ,QAAQ,EAKX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAiC,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC/F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA8C3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,OAAO;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC7B;AAED,UAAU,MAAO,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7E,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAyK7B;AAED,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,OAAO,EAIP,YAAY,EAOf,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA+B3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,cAAc;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,UAAU,KAAA,EAAE,QAAQ,KAAA,EAAE,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,GAAG,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,KAAK,OAAO,CAAC;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC;CAC1B;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAiQ7B;AAED,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}