@rh-support/troubleshoot 0.2.82 → 0.2.85

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.d.ts

@@ -12,6 +12,7 @@ export declare function useMarkdownFileUploader({ caseNumber, secureSupport, onA
     onFileSelect: (selectedImage: any) => void;
     onFileAttach: (files: any, isPublic: any) => Promise<void>;
     onFileDelete: (attachment: Partial<IAttachment>) => Promise<void>;
+    cancelFileUpload: () => void;
 };
 export {};
 //# sourceMappingURL=useMarkdownFileUploader.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkdownFileUploader.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAcxE,UAAU,MAAM;IACZ,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,QAAkB,CAAC;AAE/C,wBAAgB,uBAAuB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,MAAM;;;;;;+BAqCpD,QAAQ,WAAW,CAAC;EA0C/D"}
+{"version":3,"file":"useMarkdownFileUploader.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAcxE,UAAU,MAAM;IACZ,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,QAAkB,CAAC;AAE/C,wBAAgB,uBAAuB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,MAAM;;;;;;+BAyDpD,QAAQ,WAAW,CAAC;;EA2C/D"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { caseAttachments } from '@cee-eng/hydrajs';
 import { ToastNotification, useConfirmation, useFetch } from '@rh-support/components';
 import { pendoTrackEvent } from '@rh-support/utils';
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../../context/CaseDiscussionTabContext';
 import { useS3Upload } from '../../../../../hooks/useS3Upload';
@@ -19,6 +19,9 @@ import { markdownInlineFileSelectEvent } from '../../../../shared/Constants';
 export const FILE_SIZE_LIMIT = 2 * 1024 * 1000;
 export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmentAdded }) {
     const [isMarkdownFileUploadInProgress, setIsMarkdownFileUploadinProgress] = useState(false);
+    // We need one more state to check if user canceled current upload
+    // Reason to use `useRef` as we need up to date state value in callback
+    const isMarkdownFileUploadCanceled = useRef(false);
     const { request: deleteAttachmentRequest, isFetching: isDeletingFile } = useFetch(caseAttachments.deleteAttachment, {
         propgateErrors: true,
     });
@@ -26,13 +29,23 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const confirm = useConfirmation();
     const { uploadFile, isUploadingFile } = useS3Upload(caseNumber, secureSupport);
-    const markdownFileUploadListener = (progress) => {
-        setIsMarkdownFileUploadinProgress(true);
+    const markdownFileUploadListener = (progress, abort) => {
+        // If user canceled upload then don't enable uploading label and abort
+        if (isMarkdownFileUploadCanceled.current) {
+            abort();
+        }
+        else {
+            setIsMarkdownFileUploadinProgress(true);
+        }
     };
     const { t } = useTranslation();
     const onImageUploadComplete = () => __awaiter(this, void 0, void 0, function* () {
-        yield onAttachmentAdded();
+        // check if user canceled upload and if not start the upload sequence
+        if (!isMarkdownFileUploadCanceled.current) {
+            yield onAttachmentAdded();
+        }
         setIsMarkdownFileUploadinProgress(false);
+        isMarkdownFileUploadCanceled.current = false;
     });
     const onFileAttach = (files, isPublic) => __awaiter(this, void 0, void 0, function* () {
         setIsMarkdownFileUploadinProgress(true);
@@ -43,6 +56,13 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
         });
         onImageUploadComplete();
     });
+    /**
+     * Cancel upload function which will take care to abort current operation and marking upload progress false
+     */
+    const cancelFileUpload = () => {
+        isMarkdownFileUploadCanceled.current = true;
+        setIsMarkdownFileUploadinProgress(false);
+    };
     const onFileSelect = (selectedImage) => {
         pendoTrackEvent(markdownInlineFileSelectEvent);
     };
@@ -77,5 +97,6 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
         onFileSelect,
         onFileAttach,
         onFileDelete,
+        cancelFileUpload,
     };
 }

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA2bxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAkcxC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.js

@@ -54,7 +54,7 @@ export function PostComment(props) {
     const [isProcessing, setIsProcessing] = useState(isPostingComment || isUploadingAttachments);
     const { globalMetadataState: { loggedInUser, loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const allowInlineImagesInMarkdown = getConfigField(pcmConfig.data, 'allowInlineImagesInMarkdown', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
-    const { onFileSelect, onFileAttach, onFileDelete, isUploadingFile, isMarkdownFileUploadInProgress } = useMarkdownFileUploader({
+    const { onFileSelect, onFileAttach, onFileDelete, isUploadingFile, isMarkdownFileUploadInProgress, cancelFileUpload, } = useMarkdownFileUploader({
         caseNumber,
         secureSupport: loggedInUsersAccount.data.secureSupport,
         onAttachmentAdded: props.onAttachmentAdded,
@@ -112,6 +112,7 @@ export function PostComment(props) {
     const onCancelClick = () => {
         resetCommentSection();
         resetAttachmentSection();
+        cancelFileUpload();
     };
     const loggedInUserSSO = loggedInUserRights.data.getSSOUsername();
     // https://github.com/facebook/react/issues/19240

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA8ExD"}
+{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAwFxD"}

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

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { pcm } from '@cee-eng/hydrajs';
 import { Button, Modal } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getResTypeFromUrl } from '@rh-support/utils';
 import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -24,6 +25,8 @@ export function ClusterRecommendationsModal(props) {
     const { request: resolveSessionRequest, isFetching } = useFetch(pcm.preCase.session.resolveSession);
     const { SessionResourceSource } = pcm.preCase.session;
     const [isModalVisible, setIsModalVisible] = useState(false);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const handleSolvedIssue = () => __awaiter(this, void 0, void 0, function* () {
@@ -51,7 +54,12 @@ export function ClusterRecommendationsModal(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isModalVisible, handleModalToggle: onModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
         React.createElement(Modal, { className: "critical-solutions-modal", title: t('Cluster recommendations'), description: t('Recommendations have been triggered for your cluster.'), "data-tracking-id": "cluster-recommendations-modal-body", onClose: onModalClose, isOpen: isClusterRecommendationsModalOpen, actions: [
-                React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "cluster-recommendations-solutions-modal" }, t('I solved my issue')),
+                // for secure support users, we don't have session api, so we need to hide this button
+                ...(!isSecureSupportAccount
+                    ? [
+                        React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "cluster-recommendations-solutions-modal" }, t('I solved my issue')),
+                    ]
+                    : []),
                 React.createElement(Button, { onClick: onModalClose, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-cluster-recommendations-modal" }, t('Cancel')),
             ] },
             React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data }))));

package/lib/esm/components/Recommendations/EARules/EARuleInfoInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAM/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AACD,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,eAyHxD"}
+{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAM/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AACD,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,eAiIxD"}

package/lib/esm/components/Recommendations/EARules/EARuleInfoInline.js

@@ -13,6 +13,7 @@ import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-
 import CloseIcon from '@patternfly/react-icons/dist/js/icons/close-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { PaginationCompact, useFetch } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getResTypeFromUrl, getStyleVariantColor, StyleVariants } from '@rh-support/utils';
 import some from 'lodash/some';
 import React, { useContext, useEffect, useState } from 'react';
@@ -30,6 +31,8 @@ export function EARuleInfoInline({ eaRules = [] }) {
     const { request: resolveSessionRequest, isFetching } = useFetch(pcm.preCase.session.resolveSession);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const [isModalVisible, setIsModalVisible] = useState(false);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     const validEARulesLength = eaRules.length;
     const isAnyRuleResolved = some(eaRules, (item) => item.resolved);
     // if user ignores a rule on last page, we need to handle the scenario
@@ -65,6 +68,14 @@ export function EARuleInfoInline({ eaRules = [] }) {
     const onModalToggle = () => {
         setIsModalVisible((visible) => !visible);
     };
+    // for secure support users, we don't have session api, so we need to hide this section
+    const resolvedMyIssue = () => visibleRule.resolved ? (React.createElement("span", { style: {
+            color: getStyleVariantColor(StyleVariants.SUCCESS),
+            lineHeight: 2.4,
+        } },
+        React.createElement(CheckCircleIcon, null),
+        " ",
+        React.createElement(Trans, null, "Resolved"))) : isAnyRuleResolved ? null : (React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, className: "se-recommended ts-known-vuln", variant: ButtonVariant.link, isInline: true, "data-tracking-id": "se-recommended-asa-resolve", type: "button", onClick: onResolveClick }, isFetching ? null : React.createElement(Trans, null, "This resolved my issue")));
     if (validEARulesLength < 1)
         return null;
     const visibleRule = eaRules[currentPage > validEARulesLength ? validEARulesLength - 1 : currentPage - 1];
@@ -83,12 +94,6 @@ export function EARuleInfoInline({ eaRules = [] }) {
                     React.createElement(EARuleDescription, null)),
                 React.createElement("div", { className: "pf-c-alert__action-group pf-u-display-flex" },
                     React.createElement(EARuleArticle, { className: "pf-u-align-self-center pf-u-mr-sm", linkTitle: "View details" }),
-                    visibleRule.resolved ? (React.createElement("span", { style: {
-                            color: getStyleVariantColor(StyleVariants.SUCCESS),
-                            lineHeight: 2.4,
-                        } },
-                        React.createElement(CheckCircleIcon, null),
-                        " ",
-                        React.createElement(Trans, null, "Resolved"))) : isAnyRuleResolved ? null : (React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, className: "se-recommended ts-known-vuln", variant: ButtonVariant.link, isInline: true, "data-tracking-id": "se-recommended-asa-resolve", type: "button", onClick: onResolveClick }, isFetching ? null : React.createElement(Trans, null, "This resolved my issue"))),
+                    !isSecureSupportAccount && resolvedMyIssue(),
                     validEARulesLength > 1 && (React.createElement(PaginationCompact, { maxPage: validEARulesLength, onPageChange: onPaginationChange, dataTrackingId: 'se-recommended-asa-widget' })))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAgI/C"}
+{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAmI/C"}

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

@@ -81,6 +81,9 @@ export function InsightResultModal(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isModalVisible, handleModalToggle: onModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
         React.createElement(Modal, { className: "critical-solutions-modal", title: t('Critical solutions for your system'), description: t('Solutions have been triggered for you based on file upload or common issues that currently have high visibility.'), "data-tracking-id": "critical-solutions-modal-body", onClose: props.onModalToggle, isOpen: props.isOpen, actions: [
+                // at this moment, for secure support users, we don't show insight rules
+                // in future if we show the rules, we need to hide this button because
+                // we don't have session api for secure support users
                 React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "solved-my-issue-critical-solutions-modal" }, t('I solved my issue')),
                 React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
             ] },

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

@@ -3,7 +3,7 @@ export declare function useS3Upload(idToUploadTo: any, isSecureSupport: any): {
         file: any;
         description?: string;
         isPrivate?: boolean;
-        listenerFn?: (percent: any) => void;
+        listenerFn?: (percent: any, abort: any) => void;
     }) => Promise<string>;
     isUploadingFile: boolean;
 };

package/lib/esm/hooks/useS3Upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useS3Upload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useS3Upload.ts"],"names":[],"mappings":"AASA,wBAAgB,WAAW,CAAC,YAAY,KAAA,EAAE,eAAe,KAAA;;;;;;;;EAyExD"}
+{"version":3,"file":"useS3Upload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useS3Upload.ts"],"names":[],"mappings":"AASA,wBAAgB,WAAW,CAAC,YAAY,KAAA,EAAE,eAAe,KAAA;;;;;;;;EA0ExD"}

package/lib/esm/hooks/useS3Upload.js

@@ -28,7 +28,7 @@ export function useS3Upload(idToUploadTo, isSecureSupport) {
             reader.readAsArrayBuffer(file.slice(0, 10));
         });
     });
-    const uploadFile = ({ file, description = '', isPrivate = false, listenerFn = (percent) => { } }) => __awaiter(this, void 0, void 0, function* () {
+    const uploadFile = ({ file, description = '', isPrivate = false, listenerFn = (percent, abort) => { } }) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield getFileAccessDetails(file);
         }
@@ -43,7 +43,8 @@ export function useS3Upload(idToUploadTo, isSecureSupport) {
             const percent = decimal * 100;
             // const verifyingUpdate = decimal === 1;
             const currentUploadProgress = Math.floor(percent);
-            listenerFn(currentUploadProgress);
+            // Forwarding abort single to parent callback function
+            listenerFn(currentUploadProgress, abort);
         };
         const putObjectRequest = {
             Body: file,

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

@@ -301,3 +301,7 @@ section.grid-aside-content pfe-accordion {
     --pfe-accordion--FontSize--header: 16px;
     --pfe-accordion--FontWeight--header: 600;
 }
+// override added padding
+div.pf-c-alert__description div.ea-rule p a.pf-c-button {
+    padding: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.82",
+    "version": "0.2.85",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.7.20",
+        "@cee-eng/hydrajs": "4.7.22",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.176.2",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -63,7 +63,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.7.20",
+        "@cee-eng/hydrajs": "4.7.22",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.176.2",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -73,12 +73,12 @@
         "@patternfly/react-core": "4.194.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/api": "0.3.10",
-        "@rh-support/components": "1.1.51",
-        "@rh-support/react-context": "0.2.51",
+        "@rh-support/api": "0.3.13",
+        "@rh-support/components": "1.1.53",
+        "@rh-support/react-context": "0.2.53",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.41",
-        "@rh-support/utils": "0.2.31",
+        "@rh-support/user-permissions": "0.2.43",
+        "@rh-support/utils": "0.2.32",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "ded962055f61a00447aa7aff04d8ec7425429d0d"
+    "gitHead": "1de6c9240e3b6ee20e698385182d64e4501c6fe5"
 }