@rh-support/troubleshoot 2.2.45 → 2.2.46

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js

@@ -87,10 +87,10 @@ export function ReopenCaseModal(props) {
                     React.createElement(Trans, null, option)))))) : (React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "case-resolution", selections: selectedReason, onSelect: onReasonChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedReason ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, reasonsList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
                     React.createElement(Trans, null, option)))))))),
             showTextArea && (React.createElement(FormGroup, { label: t('Please describe your reason'), type: "text", isRequired: true, fieldId: "reopen-case-description" },
-                React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { hasIcon: true }, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))),
                 React.createElement(TextArea, { placeholder: t(props.isInternal
                         ? 'Describe the reason for reopening with the selected status'
-                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: (_event, text) => onDescriptionChange(text), isDisabled: props.isUpdating, resizeOrientation: "vertical" }))))));
+                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: (_event, text) => onDescriptionChange(text), isDisabled: props.isUpdating, resizeOrientation: "vertical" }),
+                React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, null, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))))))));
 }

package/lib/esm/components/CaseManagement/OpenShiftV3Inputbox.js

@@ -12,7 +12,7 @@ function OpenShiftV3Inputbox(props) {
             React.createElement(Trans, null, "OpenShift Cluster Name"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
             React.createElement(CaseOpenShiftV3Popover, null)),
-        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: (e, value) => props.onReasonInputBoxChanged(value), "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `form-control ${props.isInValid ? 'form-invalid' : ''}`, "data-tracking-id": "openshift-v3-cluster-name" }),
+        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: (e, value) => props.onReasonInputBoxChanged(value), "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `${props.isInValid ? 'form-invalid' : ''}`, "data-tracking-id": "openshift-v3-cluster-name" }),
         React.createElement("p", { id: "validated-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             "If you do not have your Cluster Name available, briefly explain why.",
             ' ',

package/lib/esm/components/Recommendations/InsightsResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyPrC;kBAzPQ,eAAe;;;AA4PxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA0PrC;kBA1PQ,eAAe;;;AA6PxB,eAAe,eAAe,CAAC"}

package/lib/esm/components/Recommendations/InsightsResults.js

@@ -240,7 +240,7 @@ function InsightsResults(props) {
     }
     return (React.createElement(React.Fragment, null,
         !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
-                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")) })),
+                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "file-recommendations-file-upload-alert" })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }
 InsightsResults.defaultProps = defaultProps;

package/lib/esm/components/SessionRestore/SessionRestoreCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAUnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAqC/C"}
+{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AASnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4B/C"}

package/lib/esm/components/SessionRestore/SessionRestoreCard.js

@@ -1,11 +1,11 @@
-import BellIcon from '@patternfly/react-icons/dist/js/icons/bell-icon';
-import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { Alert, AlertActionCloseButton } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import { SessionItem } from './SessionItem';
 export function SessionRestoreCard(props) {
+    const { t } = useTranslation();
     const [dismissed, setDismissed] = useState(false);
     const onCardDismiss = () => {
         setDismissed(true);
@@ -13,15 +13,8 @@ export function SessionRestoreCard(props) {
     };
     if (dismissed || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "pf-v5-c-alert pf-m-inline", role: "alert" },
-        React.createElement("div", { className: "pf-v5-c-alert__icon" },
-            React.createElement(BellIcon, { "aria-hidden": "true" })),
-        React.createElement("h3", { className: "pf-v5-c-alert__title" },
-            React.createElement(Trans, null, "Restore a previous session")),
+    return (React.createElement(Alert, { variant: "custom", isInline: true, title: t('Restore a previous session'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onCardDismiss }), component: "h3", className: "restore-session-alert" },
         React.createElement("div", { className: "pf-v5-c-alert__description" },
             React.createElement("ul", { className: "restore-session-list" }, map(props.previousSessions, (sessionItem) => (React.createElement("li", { key: sessionItem.session.id },
-                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem })))))),
-        React.createElement("div", { className: "pf-v5-c-alert__action" },
-            React.createElement("button", { className: "pf-v5-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: onCardDismiss, "data-tracking-id": "session-restore-card-dismiss" },
-                React.createElement(TimesIcon, { "aria-hidden": "true" })))));
+                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));
 }

package/lib/esm/scss/_pf-overrides.scss

@@ -424,13 +424,13 @@ div#request-mgmt-escalation-modal.request-escalation-modal {
 }
 
 // To override font weight on reopen case modal - PCM-11644
-div#case-reopen-modal.pf-v5-c-modal-box__body {
+#case-reopen-modal {
     form.pf-v5-c-form.case-reopen-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 {
-                        font-weight: 600 !important;
+                .pf-v5-c-form__label {
+                    .pf-v5-c-form__label-text {
+                        font-weight: 500 !important;
                     }
                 }
             }
@@ -550,6 +550,7 @@ span.pf-v5-c-input-group__text {
 .pf-v5-c-accordion__expandable-content {
     margin: 0;
 }
+
 .top-content-suggestion-accordion {
     dl dt {
         margin: 0px;
@@ -561,3 +562,41 @@ span.pf-v5-c-input-group__text {
 
     border: 1px solid #d2d2d2;
 }
+
+.pf-v5-c-alert__title {
+    margin-bottom: 0px;
+}
+
+.restore-session-alert {
+    .pf-v5-c-alert__icon {
+        font-size: 18px;
+    }
+    .pf-v5-c-alert__description {
+        margin-top: 0px;
+    }
+}
+
+#cep-details-modal {
+    .pf-v5-c-form__label-text {
+        font-weight: 500;
+    }
+}
+
+.file-recommendations-file-upload-alert {
+    .pf-v5-c-alert__icon {
+        margin-top: 15px;
+    }
+}
+
+.close-case-modal-form {
+    .pf-v5-c-form__label {
+        .pf-v5-c-form__label-text {
+            font-weight: 500 !important;
+        }
+    }
+}
+
+ul.pf-v5-c-menu__list,
+.pf-v5-c-modal-box__title {
+    margin-bottom: 0px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.45",
+    "version": "2.2.46",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -65,8 +65,8 @@
         "@patternfly/react-core": "5.1.1",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.26",
-        "@rh-support/react-context": "2.1.29",
+        "@rh-support/components": "2.1.27",
+        "@rh-support/react-context": "2.1.30",
         "@rh-support/types": "2.0.2",
         "@rh-support/user-permissions": "2.1.19",
         "@rh-support/utils": "2.1.12",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "ed9cba460bdbf0d0104fe6e8f21a0ca554bdaee8"
+    "gitHead": "c70ed8ffa9b5dbe8abdd50e1549e92b8af2a6f27"
 }