@rh-support/troubleshoot 2.6.57 → 2.6.58

package/lib/esm/components/CaseEditView/CaseDetailsAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA6Y7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAgZ7C"}

package/lib/esm/components/CaseEditView/CaseDetailsAside.js

@@ -194,18 +194,18 @@ export function CaseDetailsAside(props) {
             React.createElement("div", { className: "case-detail-collapse-panel" },
                 React.createElement("p", { className: "case-detail-collapse-label" },
                     React.createElement(Trans, null, "Collapse")),
-                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed" },
+                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed pf-v6-u-align-items-center pf-v6-u-justify-content-center" },
             React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
                 React.createElement("div", { className: "case-detail-collapse-panel pf-v6-u-mb-xs" },
                     React.createElement(OpenDrawerRightIcon, { className: "mirrored" }))),
             canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { size: "md", className: viewAsCustomer ? 'blueLock' : 'greyLock' },
+                React.createElement(Button, { icon: React.createElement(Icon, { size: "lg", className: `${viewAsCustomer ? 'blueLock' : 'greyLock'} pf-v6-u-p-sm` },
                         React.createElement(LockIcon, null)), variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') }))),
             !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { size: "md" },
+                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
                         React.createElement(ListIcon, null)), variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') }))),
             !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { size: "md" },
+                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
                         React.createElement(TrendUpIcon, null)), variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') })))))),
         React.createElement("pfe-collapse-panel", { className: "sidebar-content", "pfe-animation": "false", id: "case-details-aside-content", ref: caseDetailsAsidePanelRef },
             React.createElement("div", { className: "grid-aside-content" },

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAwE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAihBxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAwE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAshBxB,CAAC"}

package/lib/esm/components/CaseEditView/CaseSolutions/CaseSolutions.js

@@ -19,7 +19,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { search } from '@cee-eng/hydrajs';
-import { Button, Card, CardBody, CardExpandableContent, CardHeader, Modal, ModalFooter, ModalVariant, } from '@patternfly/react-core';
+import { Button, Card, CardBody, CardExpandableContent, CardHeader, Label, Modal, ModalFooter, ModalVariant, } from '@patternfly/react-core';
 import { PaginatedList, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -311,8 +311,10 @@ export const CaseSolutions = forwardRef((props, ref) => {
                     ] })))))),
         pinnedRecommendations.length > 0 && (React.createElement(Card, { isExpanded: pinnedOpen },
             React.createElement(CardHeader, { className: "pf-v6-u-display-flex", onExpand: () => setPinnedOpen((pre) => !pre) },
-                React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Pinned by customer")) : (React.createElement(Trans, null, "My pinned recommendations"))),
-                React.createElement("span", { className: "badge-item pf-v6-u-font-size-sm pf-v6-u-mx-sm" }, pinnedRecommendations.length)),
+                React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+                    React.createElement("span", null, canLinkUnlink ? (React.createElement(Trans, null, "Pinned by customer")) : (React.createElement(Trans, null, "My pinned recommendations"))),
+                    React.createElement("span", { className: "badge-item pf-v6-u-font-size-sm pf-v6-u-mx-sm", style: { lineHeight: '18px' } },
+                        React.createElement(Label, null, pinnedRecommendations.length)))),
             React.createElement(CardExpandableContent, null,
                 React.createElement(CardBody, null, !hasPin ? (!canLinkUnlink ? (React.createElement(Trans, null, "When you save a recommended article or solution, you'll see it here. Saved items display only in this case and are not saved for later.")) : (React.createElement(React.Fragment, null))) : (React.createElement(PaginatedList, { id: "case-details-pinned-recommendations", listItems: pinnedRecommendations.map((rec, index) => canLinkUnlink
                         ? renderPinnedByCustomerRedhatterView(rec, index, 'pinned-recommendations')

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.js

@@ -24,7 +24,7 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
     // ESS RS Aside Section Body
     const ESSRemoteSessionSectionBody = (React.createElement(Card, { className: "card-support escalations", ref: ref },
         React.createElement(CardHeader, null,
-            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v6-u-display-flex pf-v6-u-justify-content-space-between" },
+            React.createElement("h3", { className: "card-heading case-detail-panel-card-heading pf-v6-u-display-flex pf-v6-u-justify-content-space-between pf-v6-u-align-items-center" },
                 t('Remote session request'),
                 React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                     React.createElement(InfoCircleIcon, null)))),

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.js

@@ -24,7 +24,7 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     // RSA Aside Section Body
     const RemoteSessionAgreementSectionBody = (React.createElement(Card, { className: "card-support escalations", ref: ref },
         React.createElement(CardHeader, null,
-            React.createElement("h3", { className: "card-heading pf-v6-u-display-flex pf-v6-u-justify-content-space-between case-detail-panel-card-heading" },
+            React.createElement("h3", { className: "card-heading pf-v6-u-display-flex pf-v6-u-justify-content-space-between case-detail-panel-card-heading pf-v6-u-align-items-center" },
                 t('Remote session request'),
                 React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                     React.createElement(InfoCircleIcon, null)))),

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

@@ -131,7 +131,7 @@ export function AsideResults(props) {
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Card, { className: "pf-v6-u-mt-lg pf-v6-u-mb-0" },
+    return (React.createElement(Card, { className: "pf-v6-u-mb-0" },
         React.createElement(CardHeader, null,
             React.createElement("h3", null, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Recommended search results"))),
         React.createElement(CardBody, null,

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js

@@ -146,7 +146,7 @@ function WidgetFileUploader(props) {
             }
         }
     });
-    return (React.createElement(Card, { id: "file-uploader-card", className: "file-diag pf-v6-u-mb-lg", onPaste: handlePaste },
+    return (React.createElement(Card, { id: "file-uploader-card", className: "file-diag pf-v6-u-mb-md", onPaste: handlePaste },
         React.createElement(CardHeader, { "aria-label": t('File uploader') },
             React.createElement("h3", { id: "file-uploader-title" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze")))),
         React.createElement(CardBody, { "aria-label": t('File upload area'), className: "file-upload-body" },

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -39,14 +39,14 @@ function WizardAside(props) {
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-lg" }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, null),
             activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
                 !isCveModalOpened && React.createElement(CveSidebar, null),
             activeSection === AppRouteSections.RESOURCES && React.createElement(CveSidebar, null),
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
-            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" })),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/scss/_main.scss

@@ -90,7 +90,7 @@ div.support-grid-case-details.support-case {
             }
 
             #case-details-top-recommendations-pagination-bottom-pagination {
-                justify-content: flex-start;
+                justify-content: space-between;
             }
         }
     }

package/lib/esm/utils/caseDetailsCacheUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseDetailsCacheUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/caseDetailsCacheUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAStD,eAAO,MAAM,+BAA+B,oBAAoB,CAAC;AACjE,eAAO,MAAM,qBAAqB,oCAEhC,CAAC"}
+{"version":3,"file":"caseDetailsCacheUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/caseDetailsCacheUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAUtD,eAAO,MAAM,+BAA+B,oBAAoB,CAAC;AACjE,eAAO,MAAM,qBAAqB,oCAEhC,CAAC"}

package/lib/esm/utils/caseDetailsCacheUtils.js

@@ -4,6 +4,7 @@ import localForageCaseDetails from 'localforage';
 // if you need a new namespace say may be for troubleshoot package you can create a new cacheutils
 // with the new namespace. or you can use the same namespace.
 // packages can decide what namespace they want to create or share an existing namespace
+// test
 export const CASE_DETAILS_CACHE_STORAGE_NAME = 'support-case-lf';
 export const CaseDetailsCacheUtils = new CacheUtilsService(localForageCaseDetails, {
     name: CASE_DETAILS_CACHE_STORAGE_NAME,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.57",
+    "version": "2.6.58",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -59,11 +59,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.46",
-        "@rh-support/react-context": "2.5.61",
+        "@rh-support/components": "2.5.47",
+        "@rh-support/react-context": "2.5.62",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.21",
-        "@rh-support/utils": "2.5.20",
+        "@rh-support/user-permissions": "2.5.22",
+        "@rh-support/utils": "2.5.21",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -135,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "6c4cd843a136a0df2fc9bb67dd13364a8660f6cf"
+    "gitHead": "80f5df71ce02c1fa9130373d1f0df60acb24f023"
 }