@rh-support/react-context 2.5.27 → 2.5.29

package/lib/esm/components/AccountSelector/AccountSelectorInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountSelector/AccountSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAqBhF,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,MAAM;IACZ,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACzC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAyS7C;kBAzSQ,uBAAuB;;;AA4ShC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"AccountSelectorInternal.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountSelector/AccountSelectorInternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAqBhF,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,MAAM;IACZ,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC;IACzC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAkCD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA8S7C;kBA9SQ,uBAAuB;;;AAiThC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/esm/components/AccountSelector/AccountSelectorInternal.js

@@ -88,26 +88,26 @@ function AccountSelectorInternal(props) {
     };
     const dropdownOptions = useMemo(() => {
         if (isFetching) {
-            return (React.createElement("div", { key: "searching", className: "pf-v5-u-px-md pf-v5-u-py-sm" },
+            return (React.createElement("div", { key: "searching", className: "pf-v6-u-px-md pf-v6-u-py-sm" },
                 React.createElement(Trans, null, "Searching...")));
         }
         if (isQueryChanged && isEmpty(items)) {
-            return (React.createElement("div", { key: "no-results", className: "pf-v5-u-px-md pf-v5-u-py-sm" },
+            return (React.createElement("div", { key: "no-results", className: "pf-v6-u-px-md pf-v6-u-py-sm" },
                 React.createElement(Trans, null, "No results found")));
         }
         return [
             ...itemsToRender.map((item, index) => (React.createElement(SelectOption, { isFocused: focusedItemIndex === index, key: index, value: item, hasCheckbox: props.multiple, isSelected: selectedItems.some((account) => item.accountNumber === account.accountNumber) }, props.restrictedOnSubscriptionAbuse && item.subscriptionAbuse ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
                 React.createElement(FlexItem, { className: "form-instructions form-invalid" }, getDisplayName(item)),
-                React.createElement(FlexItem, { className: "form-instructions form-invalid pf-v5-u-text-nowrap pf-v5-u-pr-sm" },
+                React.createElement(FlexItem, { className: "form-instructions form-invalid pf-v6-u-text-nowrap pf-v6-u-pr-sm" },
                     React.createElement(InfoCircleIcon, null),
                     " ",
                     React.createElement(Trans, null, "Subscription abuse")))) : (React.createElement("span", null, getDisplayName(item)))))),
             ...(resultSize < items.length
                 ? [
-                    React.createElement("div", { className: "pf-v5-c-divider", role: "separator", key: "separator" }),
+                    React.createElement("div", { className: "pf-v6-c-divider", role: "separator", key: "separator" }),
                     React.createElement(SelectOption, { key: 'diplay-more-option', onClick: onDisplayMoreClick, value: 'display-more' },
                         React.createElement(Flex, { justifyContent: { default: 'justifyContentCenter' } },
-                            React.createElement(FlexItem, { className: '"pf-v5-c-button pf-m-link pf-m-inline' },
+                            React.createElement(FlexItem, { className: '"pf-v6-c-button pf-m-link pf-m-inline' },
                                 React.createElement(Trans, null, "Display additional results")))),
                 ]
                 : []),
@@ -249,7 +249,7 @@ function AccountSelectorInternal(props) {
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { innerRef: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: props.disabled },
         React.createElement(TextInputGroup, { isPlain: true, innerRef: inputGroupRef },
             React.createElement(TextInputGroupMain, { value: query, role: "combobox", onClick: onToggleClick, onKeyDown: onInputKeyDown, onChange: onFilter, placeholder: t(props.placeholder || ''), isExpanded: isOpen, innerRef: textInputRef, "aria-label": `select${props.multiple ? ' multi' : ''} typeahead listbox`, "aria-controls": "account-selector-dropdown" }),
-            React.createElement(TextInputGroupUtilities, null, !isEmpty(query) && (React.createElement(Button, { variant: "plain", onClick: onClearSelection, isDisabled: isFetching, "aria-label": t('Clear') }, isFetching ? React.createElement(LoadingIndicator, { show: true, size: "sm" }) : React.createElement(TimesCircleIcon, { "aria-hidden": true })))))));
+            React.createElement(TextInputGroupUtilities, null, !isEmpty(query) && (React.createElement(Button, { icon: isFetching ? (React.createElement(LoadingIndicator, { show: true, size: "sm" })) : (React.createElement(TimesCircleIcon, { "aria-hidden": true })), variant: "plain", onClick: onClearSelection, isDisabled: isFetching, "aria-label": t('Clear') }))))));
     return (React.createElement(Select, { "data-tracking-id": "account-selector-dropdown", isOpen: isOpen, onOpenChange: () => setIsOpen(false), id: props.id, toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, onSelect: (_e, v) => onSelect(v), selected: selectedItems, isScrollable: true },
         React.createElement(SelectList, null, dropdownOptions)));
 }

package/lib/esm/components/EmbeddedServiceChat/EmbeddedServiceChat.js

@@ -18,7 +18,7 @@ export const EmbeddedServiceChat = () => {
         setIsBlockedErrorBoxVisible(true);
     };
     const chatErrorMessagePopover = (param) => (React.createElement("div", { className: "chatButton chatError", id: "chat-blocked-popover-selector" },
-        React.createElement(Popover, { "aria-label": t('Cannot connect to chat support'), alertSeverityVariant: 'danger', position: PopoverPosition.top, hasAutoWidth: true, maxWidth: '420px', headerIcon: React.createElement(ExclamationCircleIcon, { className: "pf-v5-u-danger-color-100" }), headerComponent: "h1", headerContent: React.createElement(Trans, null, "Cannot connect to chat support"), bodyContent: param === 'cookie' ? (React.createElement("p", { className: "pf-v5-u-px-md" },
+        React.createElement(Popover, { "aria-label": t('Cannot connect to chat support'), alertSeverityVariant: 'danger', position: PopoverPosition.top, hasAutoWidth: true, maxWidth: '420px', headerIcon: React.createElement(ExclamationCircleIcon, { className: "pf-v6-u-danger-color-100" }), headerComponent: "h1", headerContent: React.createElement(Trans, null, "Cannot connect to chat support"), bodyContent: param === 'cookie' ? (React.createElement("p", { className: "pf-v6-u-px-md" },
                 React.createElement(Trans, null,
                     "Accept functional cookies in your",
                     ' ',
@@ -27,7 +27,7 @@ export const EmbeddedServiceChat = () => {
                             document.querySelector('#teconsent a[role="link"]').click();
                         } }, "cookie preferences"),
                     ' ',
-                    "to enable the Red Hat Chat Support, then refresh page."))) : (React.createElement("p", { className: "pf-v5-u-px-md" },
+                    "to enable the Red Hat Chat Support, then refresh page."))) : (React.createElement("p", { className: "pf-v6-u-px-md" },
                 React.createElement(Trans, null, "There are multiple problems that can cause this error."),
                 React.createElement("br", null),
                 React.createElement("a", { href: `https://access.redhat.com/articles/313583#${hasBlockedByBrowser
@@ -36,12 +36,12 @@ export const EmbeddedServiceChat = () => {
                             ? 'troubleshoot_network'
                             : ''}`, target: "_blank", rel: "noreferrer noopener" },
                     React.createElement(Trans, null, "See a list of possible causes.")))), isVisible: isBlockedErrorBoxVisible, shouldClose: shouldClose, shouldOpen: shouldOpen },
-            React.createElement(Button, { variant: ButtonVariant.link, className: "pf-v5-u-m-0 pf-v5-u-p-0" },
+            React.createElement(Button, { variant: ButtonVariant.link, className: "pf-v6-u-m-0 pf-v6-u-p-0" },
                 React.createElement(ChatSVGIcon, null)))));
     if (chatServiceNotAvailable)
         return React.createElement(React.Fragment, null);
     return loadingChat ? (React.createElement("div", { className: "chatButton" },
-        React.createElement(Spinner, { diameter: "28px", className: "pf-v5-u-m-xs" }))) : hasBlockedByCookie && chatClicked && document.querySelector('#teconsent a[role="link"]') !== null ? (chatErrorMessagePopover('cookie')) : (hasBlockedByBrowser || hasChatDomainsBlocked) && chatClicked ? (chatErrorMessagePopover()) : !isChatStarted ? (React.createElement("div", { className: "chatButton", onClick: () => {
+        React.createElement(Spinner, { diameter: "28px", className: "pf-v6-u-m-xs" }))) : hasBlockedByCookie && chatClicked && document.querySelector('#teconsent a[role="link"]') !== null ? (chatErrorMessagePopover('cookie')) : (hasBlockedByBrowser || hasChatDomainsBlocked) && chatClicked ? (chatErrorMessagePopover()) : !isChatStarted ? (React.createElement("div", { className: "chatButton", onClick: () => {
             onStartChat();
             setChatClicked(true);
         }, "data-tracking-id": "embedded-service-chat", ref: componentRef, id: "chat-bot-wrapper" },

package/lib/esm/components/HostnameAwarenessModal/HostnameAwarenessModal.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './hostnameAwarenessModal.css';
 import { accounts } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Modal, ModalVariant, Spinner, Switch, Tooltip } from '@patternfly/react-core';
+import { Button, Checkbox, Modal, ModalFooter, ModalVariant, Spinner, Switch, Tooltip } from '@patternfly/react-core';
 import InfoIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useFetch } from '@rh-support/components';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -112,15 +112,15 @@ export const HostnameAwarenessModal = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement(Switch, { label: "Share hostnames", isChecked: isHostnamesChecked, onChange: onHostnameSwitchChange, className: "push-top-narrow" }),
             React.createElement(Tooltip, { content: shareHostnamesClarificationCopy, position: "right" },
-                React.createElement(InfoIcon, { className: "pf-v5-u-ml-sm hostnameInfoIcon" })),
-            isFetchingUpdateHostnameDefault && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
+                React.createElement(InfoIcon, { className: "pf-v6-u-ml-sm hostnameInfoIcon" })),
+            isFetchingUpdateHostnameDefault && (React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))));
     };
-    return (React.createElement(Modal, { variant: ModalVariant.medium, title: "Share hostnames with Red Hat?", isOpen: isModalOpen, onClose: onCloseModal, actions: [
-            React.createElement(Button, { "data-tracking-id": "close-hostname-modal", key: "close", variant: "primary", onClick: onCloseModal, isDisabled: isFetchingUpdateHostnameDefault }, "Close"),
-            React.createElement("div", { className: "dontAskCheckbox" },
-                React.createElement(Checkbox, { isChecked: !!doNotShowModal, label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onChange: onDoNotAskAgain })),
-        ] },
+    return (React.createElement(Modal, { variant: ModalVariant.medium, title: "Share hostnames with Red Hat?", isOpen: isModalOpen, onClose: onCloseModal },
         React.createElement("div", null,
             React.createElement(Trans, null, "Red Hat Support cannot currently access hostnames that have been entered on a case. You can share this information at any time to improve your support experience, or you can ignore this.")),
-        modalBody()));
+        modalBody(),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { "data-tracking-id": "close-hostname-modal", key: "close", variant: "primary", onClick: onCloseModal, isDisabled: isFetchingUpdateHostnameDefault }, "Close"),
+            React.createElement("div", { className: "dontAskCheckbox" },
+                React.createElement(Checkbox, { isChecked: !!doNotShowModal, label: "Don't ask me again", id: "dont-ask-again", "data-tracking-id": "dont-ask-again-hostname-modal", onChange: onDoNotAskAgain })))));
 };

package/lib/esm/components/HostnameAwarenessModal/hostnameAwarenessModal.css

@@ -1,4 +1,4 @@
-div.dontAskCheckbox div.pf-v5-c-check label.pf-v5-c-check__label {
+div.dontAskCheckbox div.pf-v6-c-check label.pf-v6-c-check__label {
     line-height: 1;
 }
 

package/lib/esm/components/NewFeatureAnnouncement/NewFeatureLabel.js

@@ -28,6 +28,6 @@ export function NewFeatureLabel(props) {
         onFeatureDismiss();
     };
     return (React.createElement(Popover, Object.assign({}, popoverProps, conditionalProps, { hasAutoWidth: true, onHidden: onHidden }),
-        React.createElement(Label, { color: "green", className: "pf-v5-u-ml-sm", icon: React.createElement(InfoCircleIcon, null) },
+        React.createElement(Label, { color: "green", className: "pf-v6-u-ml-sm", icon: React.createElement(InfoCircleIcon, null) },
             React.createElement(Trans, null, "New"))));
 }

package/lib/esm/components/SharedModals/CSSUserModal.js

@@ -1,4 +1,4 @@
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
 import React, { useContext, useState } from 'react';
 import { GlobalMetadataStateContext } from '../../context/GlobalMetadataContext';
 export function CSSUserModal({ onConfirmTraditionalSupportAgreement, display }) {
@@ -21,14 +21,15 @@ export function CSSUserModal({ onConfirmTraditionalSupportAgreement, display })
     if (!display || !isConfirmedStateSideSupport)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Modal, { variant: ModalVariant.medium, title: 'Choose the type of support you want', isOpen: isConfirmedStateSideSupport && showSupportTypeModal, onClose: () => setShowSupportTypeModal(false), actions: [
+        React.createElement(Modal, { variant: ModalVariant.medium, title: 'Choose the type of support you want', isOpen: isConfirmedStateSideSupport && showSupportTypeModal, onClose: () => setShowSupportTypeModal(false) },
+            "You have a Confirmed Stateside Support account",
+            React.createElement(ModalFooter, null,
                 React.createElement(Button, { key: "confirmed-stateside-support-btn", "data-tracking-id": "confirmed-stateside-support-btn", "aria-label": "Confirmed stateside support", onClick: handleCSSclick }, "Confirmed Stateside Support"),
-                React.createElement(Button, { variant: "secondary", key: "traditional-support-btn", "data-tracking-id": "traditional-support-btn", "aria-label": "Traditional support", onClick: handleTraditionalSupportClick }, "Traditional Support"),
-            ] }, "You have a Confirmed Stateside Support account"),
-        React.createElement(Modal, { variant: ModalVariant.medium, title: 'Traditional Support', isOpen: isConfirmedStateSideSupport && showTraditionalSupportAgreement, onClose: () => setShowTraditionalSupportAgreement(false), actions: [
-                React.createElement(Button, { variant: "secondary", key: "traditional-support-back-button", "data-tracking-id": "traditional-support-back-button", "aria-label": "Traditional support back button", onClick: () => setShowTraditionalSupportAgreement(false) }, "Back"),
-                React.createElement(Button, { key: "agree-traditional-support-button", "data-tracking-id": "agree-traditional-support-button", "aria-label": "Agree traditional support button", onClick: handleTraditionalSupportAgreement }, "I agree"),
-            ] },
+                React.createElement(Button, { variant: "secondary", key: "traditional-support-btn", "data-tracking-id": "traditional-support-btn", "aria-label": "Traditional support", onClick: handleTraditionalSupportClick }, "Traditional Support"))),
+        React.createElement(Modal, { variant: ModalVariant.medium, title: 'Traditional Support', isOpen: isConfirmedStateSideSupport && showTraditionalSupportAgreement, onClose: () => setShowTraditionalSupportAgreement(false) },
             React.createElement("p", null, "By continuing you agree not to transmit Controlled Unclassified Information(CUI) or export-controlled information to the Red Hat Customer Portal."),
-            React.createElement("p", { className: "pf-v5-u-pt-md" }, "The Customer Portal is not certified to store data regulated by the US government, including data covered by ITAR or EAR (Export Administration Regulations)."))));
+            React.createElement("p", { className: "pf-v6-u-pt-md" }, "The Customer Portal is not certified to store data regulated by the US government, including data covered by ITAR or EAR (Export Administration Regulations)."),
+            React.createElement(ModalFooter, null,
+                React.createElement(Button, { variant: "secondary", key: "traditional-support-back-button", "data-tracking-id": "traditional-support-back-button", "aria-label": "Traditional support back button", onClick: () => setShowTraditionalSupportAgreement(false) }, "Back"),
+                React.createElement(Button, { key: "agree-traditional-support-button", "data-tracking-id": "agree-traditional-support-button", "aria-label": "Agree traditional support button", onClick: handleTraditionalSupportAgreement }, "I agree")))));
 }

package/lib/esm/components/SharedModals/CloseCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseCaseModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SharedModals/CloseCaseModal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAgB/B,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAUD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAmK3C"}
+{"version":3,"file":"CloseCaseModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SharedModals/CloseCaseModal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAoB/B,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAUD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAgL3C"}

package/lib/esm/components/SharedModals/CloseCaseModal.js

@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import './CloseCaseModal.scss';
-import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalVariant, TextArea, } from '@patternfly/react-core';
-import { Select, SelectOption } from '@patternfly/react-core/deprecated';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, } from '@patternfly/react-core';
+import { SingleSelectDropdown } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 const resolutionsWithDescription = ['Other'];
@@ -25,15 +26,12 @@ export function CloseCaseModal(props) {
     const [showTextArea, setShowTextArea] = useState(false);
     const [selectedResolution, setSelectedResolution] = useState('');
     const [resolutionDescription, setResolutionDescription] = useState('');
-    const [showDropdown, setShowDropdown] = useState(false);
-    const onDropdownToggle = (toggle) => setShowDropdown(toggle);
     const [showValidationError, setShowValidationError] = useState(false);
     const isCaseListPage = !props.caseNumber;
-    const onResolutionChange = (event, resolution) => {
-        setSelectedResolution(resolution);
+    const onResolutionChange = (option) => {
+        setSelectedResolution(option.value);
         setShowValidationError(false);
-        resolutionsWithDescription.includes(resolution) ? setShowTextArea(true) : setShowTextArea(false);
-        onDropdownToggle(false);
+        resolutionsWithDescription.includes(option.value) ? setShowTextArea(true) : setShowTextArea(false);
     };
     const getCommentBody = () => {
         return `**Reason for closing case:** \n${selectedResolution}${resolutionsWithDescription.includes(selectedResolution) ? `. ${resolutionDescription}` : ''}`;
@@ -61,34 +59,46 @@ export function CloseCaseModal(props) {
         setResolutionDescription(description);
     };
     const isResolutionDescEmpty = showTextArea && isEmpty(resolutionDescription === null || resolutionDescription === void 0 ? void 0 : resolutionDescription.trim());
-    return (React.createElement(Modal, { id: "case-close-modal", title: t(isCaseListPage ? 'Do you want to close the selected cases?' : 'Do you want to close this case?'), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
+    const getDropdownOptions = map(resolutionOptions, (option) => ({
+        label: option,
+        value: option,
+    }));
+    const getSelectedDropdownOption = {
+        label: selectedResolution,
+        value: selectedResolution,
+    };
+    return (React.createElement(Modal, { id: "case-close-modal", "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, variant: ModalVariant.medium },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null,
+                isCaseListPage && React.createElement(Trans, null, "Do you want to close the selected cases?"),
+                !isCaseListPage && React.createElement(Trans, null, "Do you want to close this case?"))),
+        React.createElement(ModalBody, null,
+            React.createElement("div", { className: "pf-v6-u-mb-md" }, !isCaseListPage ? (React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm" },
+                React.createElement(Trans, null,
+                    "Confirming will set the status of this case ",
+                    React.createElement("strong", null, "closed"),
+                    ". You can still view the case after it closes."))) : (React.createElement(React.Fragment, null,
+                React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm" },
+                    React.createElement(Trans, null,
+                        "Confirming will set the status of every case to ",
+                        React.createElement("strong", null, "closed"),
+                        ". You can still view a case after closing.")),
+                React.createElement("p", { className: "pf-v6-u-text-color-subtle pf-v6-u-font-size-sm" },
+                    React.createElement(Trans, null, "This action will also reset the currently selected filters to default state."))))),
+            React.createElement(Form, { className: "close-case-modal-form" },
+                React.createElement(FormGroup, { label: t('Resolution'), isRequired: true, fieldId: "case-resolution" },
+                    React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            isCaseListPage && !(showValidationError && !selectedResolution) && (React.createElement(HelperTextItem, null,
+                                React.createElement(Trans, null, "All of the selected cases will have the same resolution in bulk edit."))),
+                            showValidationError && !selectedResolution && (React.createElement(HelperTextItem, { variant: "error" },
+                                React.createElement(Trans, null, "Required field"))))),
+                    React.createElement(SingleSelectDropdown, { placeholder: t('Select an option that best fits'), dataTrackingId: "case-resolution", options: getDropdownOptions, selected: getSelectedDropdownOption, isDisabled: props.isUpdating, isInvalid: showValidationError && !selectedResolution, onSelect: onResolutionChange })),
+                showTextArea && (React.createElement(FormGroup, { label: t('Please describe your resolution'), type: "text", isRequired: true, fieldId: "close-case-description" },
+                    React.createElement(TextArea, { validated: showValidationError && !resolutionDescription ? 'error' : 'default', isRequired: true, id: "close-case-description", name: "close-case-description", "aria-describedby": "close-case-description", value: resolutionDescription, placeholder: t('Please describe your resolution to help us better understand.'), onChange: (_event, description) => onDescriptionChange(description), isDisabled: props.isUpdating, resizeOrientation: "vertical" }))))),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isResolutionDescEmpty || showValidationError || props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
                 React.createElement(Trans, null, "Close case")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-cancel" },
-                React.createElement(Trans, null, "Cancel")),
-        ], variant: ModalVariant.medium },
-        React.createElement("div", { className: "pf-v5-u-mb-md" }, !isCaseListPage ? (React.createElement("p", null,
-            React.createElement(Trans, null,
-                "Confirming will set the status of this case ",
-                React.createElement("strong", null, "closed"),
-                ". You can still view the case after it closes."))) : (React.createElement(React.Fragment, null,
-            React.createElement("p", null,
-                React.createElement(Trans, null,
-                    "Confirming will set the status of every case to ",
-                    React.createElement("strong", null, "closed"),
-                    ". You can still view a case after closing.")),
-            React.createElement("p", null,
-                React.createElement(Trans, null, "This action will also reset the currently selected filters to default state."))))),
-        React.createElement(Form, { className: "close-case-modal-form" },
-            React.createElement(FormGroup, { label: t('Resolution'), isRequired: true, fieldId: "case-resolution" },
-                React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        isCaseListPage && !(showValidationError && !selectedResolution) && (React.createElement(HelperTextItem, null,
-                            React.createElement(Trans, null, "All of the selected cases will have the same resolution in bulk edit."))),
-                        showValidationError && !selectedResolution && (React.createElement(HelperTextItem, { variant: "error", hasIcon: true },
-                            React.createElement(Trans, null, "Required field"))))),
-                React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "case-resolution", selections: selectedResolution, onSelect: onResolutionChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedResolution ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, resolutionOptions.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
-                    React.createElement(Trans, null, option)))))),
-            showTextArea && (React.createElement(FormGroup, { label: t('Please describe your resolution'), type: "text", isRequired: true, fieldId: "close-case-description" },
-                React.createElement(TextArea, { validated: showValidationError && !resolutionDescription ? 'error' : 'default', isRequired: true, id: "close-case-description", name: "close-case-description", "aria-describedby": "close-case-description", value: resolutionDescription, placeholder: t('Please describe your resolution to help us better understand.'), onChange: (_event, description) => onDescriptionChange(description), isDisabled: props.isUpdating, resizeOrientation: "vertical" }))))));
+                React.createElement(Trans, null, "Cancel")))));
 }

package/lib/esm/components/SharedModals/CloseCaseModal.scss

@@ -1,10 +1,10 @@
 // To override close case modal font weight - PCM-11644
-div#case-close-modal.pf-v5-c-modal-box__body {
-    form.pf-v5-c-form.close-case-modal-form {
-        div.pf-v5-c-form__group {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+div#case-close-modal.pf-v6-c-modal-box__body {
+    form.pf-v6-c-form.close-case-modal-form {
+        div.pf-v6-c-form__group {
+            div.pf-v6-c-form__group-label {
+                label.pf-v6-c-form__label {
+                    span.pf-v6-c-form__label-text {
                         font-weight: 600 !important;
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "2.5.27",
+    "version": "2.5.29",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -27,8 +27,8 @@
     ],
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-icons": "5.4.2",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-icons": "6.2.1",
         "i18next": "^23.15.0",
         "lodash": "^4.17.21",
         "react": "18.2.0",
@@ -38,12 +38,12 @@
     },
     "dependencies": {
         "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-icons": "5.4.2",
-        "@rh-support/components": "2.5.25",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-icons": "6.2.1",
+        "@rh-support/components": "2.5.27",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.17",
-        "@rh-support/utils": "2.5.16",
+        "@rh-support/user-permissions": "2.5.18",
+        "@rh-support/utils": "2.5.17",
         "i18next": "^23.15.0",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
@@ -93,5 +93,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "1784fd712681254600c3586c364804051ddfd8a7"
+    "gitHead": "3f2c96a3a976d37cffe4052f7c7bfefbf1018949"
 }