@rh-support/troubleshoot 2.2.44 → 2.2.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/esm/components/CaseInformation/Severity.d.ts.map +1 -1
- package/lib/esm/components/CaseInformation/Severity.js +2 -1
- package/lib/esm/components/Suggestions/Suggestions.js +1 -1
- package/lib/esm/components/Suggestions/TopContent.d.ts.map +1 -1
- package/lib/esm/components/Suggestions/TopContent.js +39 -20
- package/lib/esm/scss/_pf-overrides.scss +15 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAyBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eA4R9B;kBA5RQ,QAAQ;;;AA8RjB,eAAe,QAAQ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Icon, Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
|
|
2
|
+
import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
|
|
2
3
|
import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
|
|
3
4
|
import { Dropdown, ValueChangedIcon } from '@rh-support/components';
|
|
4
5
|
import { GlobalMetadataStateContext } from '@rh-support/react-context';
|
|
@@ -161,7 +162,7 @@ function Severity(props) {
|
|
|
161
162
|
' ',
|
|
162
163
|
React.createElement("a", { href: "/support/policy/severity", target: "_blank" },
|
|
163
164
|
React.createElement(Trans, null, "Red Hat Support Severity Level Definitions"))), closeBtnAriaLabel: "Close" },
|
|
164
|
-
React.createElement(
|
|
165
|
+
React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": t(`Support Severity Level info`) }))),
|
|
165
166
|
"\u00A0",
|
|
166
167
|
filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
|
|
167
168
|
React.createElement(Icon, { size: "sm" },
|
|
@@ -42,7 +42,7 @@ export default function Suggestions(props) {
|
|
|
42
42
|
(_b = accordionRef.current) === null || _b === void 0 ? void 0 : _b.collapseAll();
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
return (React.createElement("div",
|
|
45
|
+
return (React.createElement("div", { className: "top-content-suggestion-accordion" },
|
|
46
46
|
showTitleDescription && (React.createElement("div", { className: "card card-support" },
|
|
47
47
|
!isTCSearchEnabled && (React.createElement(Trans, null,
|
|
48
48
|
React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, props.title ? props.title : t('i18nKeyPopularSolutions', 'Popular solutions and docs')))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAaxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAaxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA8I/C"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '@patternfly/pfe-accordion';
|
|
2
2
|
import { pcm } from '@cee-eng/hydrajs';
|
|
3
|
-
import { Tooltip } from '@patternfly/react-core';
|
|
3
|
+
import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Tooltip } from '@patternfly/react-core';
|
|
4
4
|
import isEqual from 'lodash/isEqual';
|
|
5
5
|
import map from 'lodash/map';
|
|
6
|
-
import React from 'react';
|
|
6
|
+
import React, { useState } from 'react';
|
|
7
7
|
import { useCaseSelector } from '../../context/CaseContext';
|
|
8
8
|
import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
|
|
9
9
|
import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
|
|
@@ -13,6 +13,7 @@ const { SessionResourceVisibility, SessionResourceSource } = pcm.preCase.session
|
|
|
13
13
|
export default function TopContent(props) {
|
|
14
14
|
const sessionRestoreDispatch = React.useContext(SessionRestoreDispatchContext);
|
|
15
15
|
const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = React.useContext(SessionRestoreStateContext);
|
|
16
|
+
const [expanded, setExpanded] = useState('');
|
|
16
17
|
const { product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
|
|
17
18
|
product: state.caseDetails.product,
|
|
18
19
|
version: state.caseDetails.version,
|
|
@@ -25,24 +26,42 @@ export default function TopContent(props) {
|
|
|
25
26
|
const onLinkClick = (item) => (event) => {
|
|
26
27
|
props.onResourceClick && props.onResourceClick(item);
|
|
27
28
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
|
|
36
|
-
}));
|
|
29
|
+
const onToggle = (id) => {
|
|
30
|
+
if (id === expanded) {
|
|
31
|
+
setExpanded('');
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
setExpanded(id);
|
|
35
|
+
onTopContentTabClicked(props.items);
|
|
37
36
|
}
|
|
38
37
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
38
|
+
// when user opens a top content tab, presented resouces are sent to session api
|
|
39
|
+
const onTopContentTabClicked = (docs) => {
|
|
40
|
+
createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, docs.map((doc, index) => getSessResTC(doc, SessionResourceVisibility.PRESENTED, doc.id, index)), JSON.stringify({
|
|
41
|
+
product,
|
|
42
|
+
version,
|
|
43
|
+
summary,
|
|
44
|
+
description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
|
|
45
|
+
}));
|
|
46
|
+
};
|
|
47
|
+
return (React.createElement(React.Fragment, null, props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
|
|
48
|
+
React.createElement(Accordion, { isBordered: true },
|
|
49
|
+
React.createElement(AccordionItem, null,
|
|
50
|
+
React.createElement(AccordionToggle, { onClick: () => {
|
|
51
|
+
onToggle(`${props.topContentIndex}`);
|
|
52
|
+
}, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
|
|
53
|
+
React.createElement("h3", null, props.name)),
|
|
54
|
+
React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
|
|
55
|
+
React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
|
|
56
|
+
React.createElement("p", null,
|
|
57
|
+
React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))) : (React.createElement(Accordion, { isBordered: true },
|
|
58
|
+
React.createElement(AccordionItem, null,
|
|
59
|
+
React.createElement(AccordionToggle, { onClick: () => {
|
|
60
|
+
onToggle(`${props.topContentIndex}`);
|
|
61
|
+
}, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
|
|
62
|
+
React.createElement("h3", null, props.name)),
|
|
63
|
+
React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
|
|
64
|
+
React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
|
|
65
|
+
React.createElement("p", null,
|
|
66
|
+
React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))));
|
|
48
67
|
}
|
|
@@ -546,3 +546,18 @@ span.pf-v5-c-input-group__text {
|
|
|
546
546
|
font-weight: 700;
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
+
|
|
550
|
+
.pf-v5-c-accordion__expandable-content {
|
|
551
|
+
margin: 0;
|
|
552
|
+
}
|
|
553
|
+
.top-content-suggestion-accordion {
|
|
554
|
+
dl dt {
|
|
555
|
+
margin: 0px;
|
|
556
|
+
}
|
|
557
|
+
.pf-v5-c-accordion.pf-m-bordered {
|
|
558
|
+
margin: 0px;
|
|
559
|
+
padding: 0px;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
border: 1px solid #d2d2d2;
|
|
563
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rh-support/troubleshoot",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.45",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public",
|
|
6
6
|
"registry": "https://registry.npmjs.org"
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@progress/kendo-drawing": "^1.6.0",
|
|
67
67
|
"@progress/kendo-react-pdf": "^3.12.0",
|
|
68
68
|
"@rh-support/components": "2.1.26",
|
|
69
|
-
"@rh-support/react-context": "2.1.
|
|
69
|
+
"@rh-support/react-context": "2.1.29",
|
|
70
70
|
"@rh-support/types": "2.0.2",
|
|
71
71
|
"@rh-support/user-permissions": "2.1.19",
|
|
72
72
|
"@rh-support/utils": "2.1.12",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"defaults and supports es6-module",
|
|
132
132
|
"maintained node versions"
|
|
133
133
|
],
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "ed9cba460bdbf0d0104fe6e8f21a0ca554bdaee8"
|
|
135
135
|
}
|