@redhat-cloud-services/frontend-components-advisor-components 2.0.0-beta.0 → 3.0.0-beta.0
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/RebootRequired/RebootRequired.css +4 -4
- package/RebootRequired/RebootRequired.d.ts +1 -1
- package/RebootRequired/RebootRequired.js +5 -4
- package/RebootRequired/RebootRequired.js.map +1 -1
- package/RebootRequired/RebootRequired.scss +4 -4
- package/RebootRequired/index.js.map +1 -1
- package/ReportDetails/ReportDetails.css +11 -11
- package/ReportDetails/ReportDetails.d.ts +1 -0
- package/ReportDetails/ReportDetails.js +15 -8
- package/ReportDetails/ReportDetails.js.map +1 -1
- package/ReportDetails/ReportDetails.scss +17 -17
- package/ReportDetails/index.js.map +1 -1
- package/RuleDescription/RuleDescription.css +1 -1
- package/RuleDescription/RuleDescription.js +1 -1
- package/RuleDescription/RuleDescription.js.map +1 -1
- package/RuleDescription/RuleDescription.scss +1 -1
- package/RuleDescription/index.js.map +1 -1
- package/RuleDetails/RuleDetails.css +3 -3
- package/RuleDetails/RuleDetails.d.ts +1 -16
- package/RuleDetails/RuleDetails.js +11 -5
- package/RuleDetails/RuleDetails.js.map +1 -1
- package/RuleDetails/RuleDetails.scss +3 -3
- package/RuleDetails/RuleDetailsMessages.d.ts +16 -0
- package/RuleDetails/RuleDetailsMessages.js +3 -0
- package/RuleDetails/RuleDetailsMessages.js.map +1 -0
- package/RuleDetails/index.js.map +1 -1
- package/RuleRating/RuleRating.css +3 -3
- package/RuleRating/RuleRating.d.ts +1 -1
- package/RuleRating/RuleRating.js +8 -4
- package/RuleRating/RuleRating.js.map +1 -1
- package/RuleRating/RuleRating.scss +3 -3
- package/RuleRating/index.js.map +1 -1
- package/TemplateProcessor/TemplateProcessor.js +2 -2
- package/TemplateProcessor/TemplateProcessor.js.map +1 -1
- package/TemplateProcessor/index.js.map +1 -1
- package/ViewAffectedLink/ViewAffectedLink.d.ts +1 -1
- package/ViewAffectedLink/ViewAffectedLink.js.map +1 -1
- package/ViewAffectedLink/index.js.map +1 -1
- package/common.d.ts +0 -1
- package/common.js.map +1 -1
- package/constants.js.map +1 -1
- package/esm/RebootRequired/RebootRequired.css +4 -4
- package/esm/RebootRequired/RebootRequired.d.ts +9 -0
- package/esm/RebootRequired/RebootRequired.js +5 -5
- package/esm/RebootRequired/RebootRequired.js.map +1 -1
- package/esm/RebootRequired/RebootRequired.scss +4 -4
- package/esm/RebootRequired/index.d.ts +2 -0
- package/esm/RebootRequired/index.js.map +1 -1
- package/esm/ReportDetails/ReportDetails.css +11 -11
- package/esm/ReportDetails/ReportDetails.d.ts +20 -0
- package/esm/ReportDetails/ReportDetails.js +14 -13
- package/esm/ReportDetails/ReportDetails.js.map +1 -1
- package/esm/ReportDetails/ReportDetails.scss +17 -17
- package/esm/ReportDetails/index.d.ts +2 -0
- package/esm/ReportDetails/index.js.map +1 -1
- package/esm/RuleDescription/RuleDescription.css +1 -1
- package/esm/RuleDescription/RuleDescription.d.ts +10 -0
- package/esm/RuleDescription/RuleDescription.js +1 -1
- package/esm/RuleDescription/RuleDescription.js.map +1 -1
- package/esm/RuleDescription/RuleDescription.scss +1 -1
- package/esm/RuleDescription/index.d.ts +2 -0
- package/esm/RuleDescription/index.js.map +1 -1
- package/esm/RuleDetails/RuleDetails.css +3 -3
- package/esm/RuleDetails/RuleDetails.d.ts +20 -0
- package/esm/RuleDetails/RuleDetails.js +11 -8
- package/esm/RuleDetails/RuleDetails.js.map +1 -1
- package/esm/RuleDetails/RuleDetails.scss +3 -3
- package/esm/RuleDetails/RuleDetailsMessages.d.ts +16 -0
- package/esm/RuleDetails/RuleDetailsMessages.js +2 -0
- package/esm/RuleDetails/RuleDetailsMessages.js.map +1 -0
- package/esm/RuleDetails/index.d.ts +2 -0
- package/esm/RuleDetails/index.js.map +1 -1
- package/esm/RuleRating/RuleRating.css +3 -3
- package/esm/RuleRating/RuleRating.d.ts +13 -0
- package/esm/RuleRating/RuleRating.js +8 -8
- package/esm/RuleRating/RuleRating.js.map +1 -1
- package/esm/RuleRating/RuleRating.scss +3 -3
- package/esm/RuleRating/index.d.ts +2 -0
- package/esm/RuleRating/index.js.map +1 -1
- package/esm/TemplateProcessor/TemplateProcessor.d.ts +8 -0
- package/esm/TemplateProcessor/TemplateProcessor.js +2 -2
- package/esm/TemplateProcessor/TemplateProcessor.js.map +1 -1
- package/esm/TemplateProcessor/index.d.ts +2 -0
- package/esm/TemplateProcessor/index.js.map +1 -1
- package/esm/ViewAffectedLink/ViewAffectedLink.d.ts +14 -0
- package/esm/ViewAffectedLink/ViewAffectedLink.js.map +1 -1
- package/esm/ViewAffectedLink/index.d.ts +2 -0
- package/esm/ViewAffectedLink/index.js.map +1 -1
- package/esm/common.d.ts +7 -0
- package/esm/common.js.map +1 -1
- package/esm/constants.d.ts +26 -0
- package/esm/constants.js.map +1 -1
- package/esm/index.d.ts +7 -0
- package/esm/index.js.map +1 -1
- package/esm/types.d.ts +68 -0
- package/esm/types.js.map +1 -1
- package/index.js.map +1 -1
- package/package.json +45 -56
- package/types.d.ts +1 -1
- package/types.js.map +1 -1
- package/README.md +0 -36
- package/cypress/cypress.webpack.config.js +0 -91
- package/cypress/fixtures/messages.json +0 -16
- package/cypress/fixtures/report.json +0 -39
- package/cypress/fixtures/rule.json +0 -18
- package/cypress/overrideChrome.js +0 -5
- package/cypress/plugins/index.js +0 -39
- package/cypress/support/commands.js +0 -25
- package/cypress/support/component-index.html +0 -12
- package/cypress/support/component.js +0 -46
- package/cypress.config.js +0 -34
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
}
|
|
7
7
|
.system-reboot-message .reboot-required-icon {
|
|
8
8
|
margin-top: 5px;
|
|
9
|
-
margin-right: var(--pf-
|
|
10
|
-
color: var(--pf-
|
|
9
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
10
|
+
color: var(--pf-t--global--color--status--danger--default);
|
|
11
11
|
}
|
|
12
12
|
.system-reboot-message .no-reboot-required-icon {
|
|
13
13
|
margin-top: 5px;
|
|
14
|
-
margin-right: var(--pf-
|
|
15
|
-
color: var(--pf-
|
|
14
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
15
|
+
color: var(--pf-t--global--color--nonstatus--gray--default);
|
|
16
16
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './RebootRequired.scss';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { RuleDetailsMessages } from '../RuleDetails/
|
|
3
|
+
import { RuleDetailsMessages } from '../RuleDetails/RuleDetailsMessages';
|
|
4
4
|
interface RebootRequiredProps {
|
|
5
5
|
rebootRequired: boolean;
|
|
6
6
|
messages: RuleDetailsMessages;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
require("./RebootRequired.
|
|
5
|
-
var
|
|
6
|
-
var
|
|
4
|
+
require("./RebootRequired.css");
|
|
5
|
+
var Icon_1 = require("@patternfly/react-core/dist/js/components/Icon/Icon");
|
|
6
|
+
var Content_1 = require("@patternfly/react-core/dist/js/components/Content/Content");
|
|
7
|
+
var power_off_icon_1 = require("@patternfly/react-icons/dist/dynamic/icons/power-off-icon");
|
|
7
8
|
var RebootRequired = function (_a) {
|
|
8
9
|
var messages = _a.messages, rebootRequired = _a.rebootRequired;
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("span", { className: "system-reboot-message", children: [(0, jsx_runtime_1.jsx)(
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: "system-reboot-message", children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { children: (0, jsx_runtime_1.jsx)(power_off_icon_1.PowerOffIcon, { className: rebootRequired ? 'reboot-required-icon' : 'no-reboot-required-icon' }) }), (0, jsx_runtime_1.jsx)(Content_1.Content, { className: "system-reboot-message__content", children: (0, jsx_runtime_1.jsx)(Content_1.Content, { component: Content_1.ContentVariants.p, children: messages.systemReboot }) })] }));
|
|
10
11
|
};
|
|
11
12
|
exports.default = RebootRequired;
|
|
12
13
|
//# sourceMappingURL=RebootRequired.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RebootRequired.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"RebootRequired.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RebootRequired/RebootRequired.tsx"],"names":[],"mappings":";;;AAAA,iCAA+B;AAG/B,4EAA2E;AAC3E,qFAAqG;AACrG,4FAAyF;AAQzF,IAAM,cAAc,GAAkC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACtF,kCAAM,SAAS,EAAC,uBAAuB,aACrC,uBAAC,WAAI,cACH,uBAAC,6BAAY,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,GAAI,GAC3F,EACP,uBAAC,iBAAO,IAAC,SAAS,EAAC,gCAAgC,YACjD,uBAAC,iBAAO,IAAC,SAAS,EAAE,yBAAe,CAAC,CAAC,YAAG,QAAQ,CAAC,YAAY,GAAW,GAChE,IACL,CACR;AATuF,CASvF,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
.reboot-required-icon {
|
|
9
9
|
margin-top: 5px;
|
|
10
|
-
margin-right: var(--pf-
|
|
11
|
-
color: var(--pf-
|
|
10
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
11
|
+
color: var(--pf-t--global--color--status--danger--default);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.no-reboot-required-icon {
|
|
15
15
|
margin-top: 5px;
|
|
16
|
-
margin-right: var(--pf-
|
|
17
|
-
color: var(--pf-
|
|
16
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
17
|
+
color: var(--pf-t--global--color--nonstatus--gray--default);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RebootRequired/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.ins-c-report-details__cards-stack pre {
|
|
2
2
|
display: block;
|
|
3
|
-
color: var(--pf-
|
|
3
|
+
color: var(--pf-t--color--gray--95);
|
|
4
4
|
word-break: break-all;
|
|
5
5
|
word-wrap: break-word;
|
|
6
|
-
background-color: var(
|
|
7
|
-
border: 1px solid var(--pf-
|
|
6
|
+
background-color: var(pf-t--global--background--color--200);
|
|
7
|
+
border: 1px solid var(--pf-t--global--border--color--100);
|
|
8
8
|
border-radius: 4px;
|
|
9
9
|
padding: 10px;
|
|
10
10
|
padding: 0.625rem;
|
|
@@ -37,23 +37,23 @@
|
|
|
37
37
|
.ins-c-report-details__cards-stack h4,
|
|
38
38
|
.ins-c-report-details__cards-stack h5,
|
|
39
39
|
.ins-c-report-details__cards-stack h6 {
|
|
40
|
-
font-family: var(--pf-
|
|
40
|
+
font-family: var(--pf-t--global--font--family--heading);
|
|
41
41
|
line-height: 1.5;
|
|
42
42
|
}
|
|
43
43
|
.ins-c-report-details__cards-stack h1 {
|
|
44
|
-
font-size: var(--pf-
|
|
44
|
+
font-size: var(--pf-t--global--font--size--2xl);
|
|
45
45
|
line-height: 1.3;
|
|
46
46
|
}
|
|
47
47
|
.ins-c-report-details__cards-stack h2 {
|
|
48
|
-
font-size: var(--pf-
|
|
48
|
+
font-size: var(--pf-t--global--font--size--xl);
|
|
49
49
|
}
|
|
50
50
|
.ins-c-report-details__cards-stack h3 {
|
|
51
|
-
font-size: var(--pf-
|
|
51
|
+
font-size: var(--pf-t--global--font--size--lg);
|
|
52
52
|
}
|
|
53
53
|
.ins-c-report-details__cards-stack h4, .ins-c-report-details__cards-stack h5, .ins-c-report-details__cards-stack h6 {
|
|
54
|
-
font-size: var(--pf-
|
|
54
|
+
font-size: var(--pf-t--global--font--size--md);
|
|
55
55
|
}
|
|
56
|
-
.ins-c-report-details__cards-stack .pf-
|
|
56
|
+
.ins-c-report-details__cards-stack .pf-v6-c-list {
|
|
57
57
|
margin: 5px 0px;
|
|
58
58
|
margin: 0.3125rem 0rem;
|
|
59
59
|
}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
margin-top: 0.625rem;
|
|
64
64
|
}
|
|
65
65
|
.ins-c-report-details__cards-stack table tr {
|
|
66
|
-
border-bottom: 1px solid var(--pf-
|
|
66
|
+
border-bottom: 1px solid var(--pf-t--global--border--color--on-secondary);
|
|
67
67
|
}
|
|
68
68
|
.ins-c-report-details__cards-stack table th,
|
|
69
69
|
.ins-c-report-details__cards-stack table td {
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
padding: 0.5rem;
|
|
72
72
|
}
|
|
73
73
|
.ins-c-report-details__icon {
|
|
74
|
-
margin-right: var(--pf-
|
|
74
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
75
75
|
}
|
|
@@ -27,12 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
-
require("./ReportDetails.
|
|
30
|
+
require("./ReportDetails.css");
|
|
31
31
|
var react_1 = __importStar(require("react"));
|
|
32
|
-
var
|
|
33
|
-
var
|
|
32
|
+
var Alert_1 = require("@patternfly/react-core/dist/dynamic/components/Alert");
|
|
33
|
+
var Card_1 = require("@patternfly/react-core/dist/dynamic/components/Card");
|
|
34
|
+
var Card_2 = require("@patternfly/react-core/dist/dynamic/components/Card");
|
|
35
|
+
var Card_3 = require("@patternfly/react-core/dist/dynamic/components/Card");
|
|
36
|
+
var Divider_1 = require("@patternfly/react-core/dist/dynamic/components/Divider");
|
|
37
|
+
var Stack_1 = require("@patternfly/react-core/dist/dynamic/layouts/Stack");
|
|
38
|
+
var Stack_2 = require("@patternfly/react-core/dist/dynamic/layouts/Stack");
|
|
39
|
+
var bullseye_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/bullseye-icon"));
|
|
40
|
+
var info_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/info-circle-icon"));
|
|
41
|
+
var lightbulb_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/lightbulb-icon"));
|
|
42
|
+
var thumbs_up_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/thumbs-up-icon"));
|
|
34
43
|
var Skeleton_1 = require("@redhat-cloud-services/frontend-components/Skeleton");
|
|
35
|
-
var useChrome_1 = __importDefault(require("@redhat-cloud-services/frontend-components/useChrome"));
|
|
36
44
|
var TemplateProcessor_1 = require("../TemplateProcessor");
|
|
37
45
|
var common_1 = require("../common");
|
|
38
46
|
var ReportDetails = function (_a) {
|
|
@@ -40,10 +48,9 @@ var ReportDetails = function (_a) {
|
|
|
40
48
|
publishedTitle: 'N/A',
|
|
41
49
|
id: '',
|
|
42
50
|
view_uri: '',
|
|
43
|
-
} : _b, kbaLoading = _a.kbaLoading;
|
|
51
|
+
} : _b, kbaLoading = _a.kbaLoading, isProd = _a.isProd;
|
|
44
52
|
var rule = report.rule, details = report.details, resolution = report.resolution;
|
|
45
53
|
var _c = (0, react_1.useState)(null), error = _c[0], setError = _c[1];
|
|
46
|
-
var isProd = (0, useChrome_1.default)().isProd;
|
|
47
54
|
var handleError = function (e) {
|
|
48
55
|
if (error === null) {
|
|
49
56
|
setError(e);
|
|
@@ -51,14 +58,14 @@ var ReportDetails = function (_a) {
|
|
|
51
58
|
};
|
|
52
59
|
var linkEditor = function (url) {
|
|
53
60
|
var linkToArray = url === null || url === void 0 ? void 0 : url.split('/');
|
|
54
|
-
if (isProd
|
|
61
|
+
if (isProd) {
|
|
55
62
|
return "https://access.redhat.com/".concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-2), "/").concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-1));
|
|
56
63
|
}
|
|
57
64
|
else {
|
|
58
65
|
return "https://access.stage.redhat.com/".concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-2), "/").concat(linkToArray === null || linkToArray === void 0 ? void 0 : linkToArray.at(-1));
|
|
59
66
|
}
|
|
60
67
|
};
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
68
|
+
return ((0, jsx_runtime_1.jsx)(Card_1.Card, { className: "ins-c-report-details", style: { boxShadow: 'none' }, children: (0, jsx_runtime_1.jsxs)(Card_2.CardBody, { children: [error && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(Alert_1.Alert, { variant: "danger", title: "Sorry, there was an error rendering the content correctly.", isInline: true }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { className: "ins-c-report-details__cards-stack", "widget-type": "InsightsRulesCard", hasGutter: true, children: [(0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { isCompact: true, isPlain: true, children: [(0, jsx_runtime_1.jsxs)(Card_3.CardHeader, { children: [(0, jsx_runtime_1.jsx)(bullseye_icon_1.default, { className: "ins-c-report-details__icon" }), (0, jsx_runtime_1.jsx)("strong", { children: "Detected issues" })] }), (0, jsx_runtime_1.jsx)(Card_2.CardBody, { children: rule.reason && (0, jsx_runtime_1.jsx)(TemplateProcessor_1.TemplateProcessor, { template: rule.reason, definitions: details, onError: handleError }) })] }) }), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { isCompact: true, isPlain: true, children: [(0, jsx_runtime_1.jsxs)(Card_3.CardHeader, { children: [(0, jsx_runtime_1.jsx)(thumbs_up_icon_1.default, { className: "ins-c-report-details__icon" }), (0, jsx_runtime_1.jsx)("strong", { children: "Steps to resolve" })] }), (0, jsx_runtime_1.jsx)(Card_2.CardBody, { children: resolution && (0, jsx_runtime_1.jsx)(TemplateProcessor_1.TemplateProcessor, { template: resolution, definitions: details, onError: handleError }) })] }) }), kbaDetail.publishedTitle !== 'N/A' && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { className: "ins-c-report-details__kba", isCompact: true, isPlain: true, children: [(0, jsx_runtime_1.jsxs)(Card_3.CardHeader, { children: [(0, jsx_runtime_1.jsx)(lightbulb_icon_1.default, { className: "ins-c-report-details__icon" }), (0, jsx_runtime_1.jsx)("strong", { children: "Related Knowledgebase article" })] }), (0, jsx_runtime_1.jsx)(Card_2.CardBody, { children: kbaLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { size: Skeleton_1.SkeletonSize.sm })) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(common_1.ExternalLink, { href: "".concat(linkEditor(kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.view_uri)), content: (kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.publishedTitle) ? kbaDetail === null || kbaDetail === void 0 ? void 0 : kbaDetail.publishedTitle : "Knowledgebase article" }), "."] })) })] }) })] })), rule.more_info && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { isCompact: true, isPlain: true, children: [(0, jsx_runtime_1.jsxs)(Card_3.CardHeader, { children: [(0, jsx_runtime_1.jsx)(info_circle_icon_1.default, { className: "ins-c-report-details__icon" }), (0, jsx_runtime_1.jsx)("strong", { children: "Additional info" })] }), (0, jsx_runtime_1.jsx)(Card_2.CardBody, { children: (0, jsx_runtime_1.jsx)(TemplateProcessor_1.TemplateProcessor, { template: rule.more_info, definitions: details, onError: handleError }) })] }) })] }))] })] }) }));
|
|
62
69
|
};
|
|
63
70
|
exports.default = ReportDetails;
|
|
64
71
|
//# sourceMappingURL=ReportDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportDetails.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"ReportDetails.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/ReportDetails/ReportDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins' as m;
|
|
2
2
|
|
|
3
3
|
.ins-c-report-details {
|
|
4
4
|
&__cards-stack {
|
|
5
5
|
pre {
|
|
6
6
|
display: block;
|
|
7
|
-
color: var(--pf-
|
|
7
|
+
color: var(--pf-t--color--gray--95);
|
|
8
8
|
word-break: break-all;
|
|
9
9
|
word-wrap: break-word;
|
|
10
|
-
background-color: var(
|
|
11
|
-
border: 1px solid var(--pf-
|
|
10
|
+
background-color: var(pf-t--global--background--color--200);
|
|
11
|
+
border: 1px solid var(--pf-t--global--border--color--100);
|
|
12
12
|
border-radius: 4px;
|
|
13
|
-
@include rem('padding', 10px);
|
|
14
|
-
@include rem('margin', (10px, 0));
|
|
13
|
+
@include m.rem('padding', 10px);
|
|
14
|
+
@include m.rem('margin', (10px, 0));
|
|
15
15
|
|
|
16
16
|
code {
|
|
17
17
|
white-space: pre-wrap;
|
|
@@ -42,44 +42,44 @@
|
|
|
42
42
|
h4,
|
|
43
43
|
h5,
|
|
44
44
|
h6 {
|
|
45
|
-
font-family: var(--pf-
|
|
45
|
+
font-family: var(--pf-t--global--font--family--heading);
|
|
46
46
|
line-height: 1.5;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
h1 {
|
|
50
|
-
font-size: var(--pf-
|
|
50
|
+
font-size: var(--pf-t--global--font--size--2xl);
|
|
51
51
|
line-height: 1.3;
|
|
52
52
|
}
|
|
53
53
|
h2 {
|
|
54
|
-
font-size: var(--pf-
|
|
54
|
+
font-size: var(--pf-t--global--font--size--xl);
|
|
55
55
|
}
|
|
56
56
|
h3 {
|
|
57
|
-
font-size: var(--pf-
|
|
57
|
+
font-size: var(--pf-t--global--font--size--lg);
|
|
58
58
|
}
|
|
59
59
|
h4, h5, h6 {
|
|
60
|
-
font-size: var(--pf-
|
|
60
|
+
font-size: var(--pf-t--global--font--size--md);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.pf-
|
|
64
|
-
@include rem('margin', 5px 0);
|
|
63
|
+
.pf-v6-c-list {
|
|
64
|
+
@include m.rem('margin', 5px 0);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
table {
|
|
68
68
|
width: 100%;
|
|
69
|
-
@include rem('margin-top', 10px);
|
|
69
|
+
@include m.rem('margin-top', 10px);
|
|
70
70
|
|
|
71
71
|
tr {
|
|
72
|
-
border-bottom: 1px solid var(--pf-
|
|
72
|
+
border-bottom: 1px solid var(--pf-t--global--border--color--on-secondary);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
th,
|
|
76
76
|
td {
|
|
77
|
-
@include rem('padding', 8px);
|
|
77
|
+
@include m.rem('padding', 8px);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
&__icon {
|
|
83
|
-
margin-right: var(--pf-
|
|
83
|
+
margin-right: var(--pf-t--global--spacer--sm);
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/ReportDetails/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB"}
|
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
require("./RuleDescription.
|
|
7
|
+
require("./RuleDescription.css");
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var react_markdown_1 = __importDefault(require("react-markdown"));
|
|
10
10
|
var rehype_raw_1 = __importDefault(require("rehype-raw"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RuleDescription.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"RuleDescription.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleDescription/RuleDescription.tsx"],"names":[],"mappings":";;;;;;AAAA,kCAAgC;AAEhC,gDAA0B;AAC1B,kEAAsC;AACtC,0DAAmC;AACnC,oEAA6C;AAE7C,kCAA2E;AAQ3E,IAAM,eAAe,GAAmC,UAAC,EAAgC;QAA9B,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAA;IAAO,OAAA,CAC5F,uBAAC,eAAK,CAAC,QAAQ,cACZ,CAAC,IAAI,CAAC,OAAO,IAAK,IAAwB,CAAC,OAAO,CAAC,IAAI,CACtD,iCAAM,SAAS,EAAE,OAAO,KAAK,sBAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,YAC/F,uBAAC,wBAAQ,IAAC,aAAa,EAAE,CAAC,oBAAS,EAAE,yBAAc,CAAC,YACjD,OAAO,KAAK,sBAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAE,IAAwB,CAAC,OAAO,GAC1F,GACN,CACR,GACc,CAClB;AAV6F,CAU7F,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleDescription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.ins-c-line {
|
|
2
|
-
border: 0.01rem solid var(--pf-
|
|
2
|
+
border: 0.01rem solid var(--pf-t--global--border--color--100);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.ins-c-rule-details__stack {
|
|
6
6
|
width: 600px;
|
|
7
7
|
}
|
|
8
|
-
.ins-c-rule-details__stack .pf-
|
|
9
|
-
font-size: var(--pf-
|
|
8
|
+
.ins-c-rule-details__stack .pf-v6-c-content {
|
|
9
|
+
font-size: var(--pf-t--global--font--size--sm);
|
|
10
10
|
}
|
|
@@ -1,22 +1,7 @@
|
|
|
1
1
|
import './RuleDetails.scss';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { AdvisorProduct, Rating, RuleContentOcp, RuleContentRhel } from '../types';
|
|
4
|
-
|
|
5
|
-
export type RuleDetailsMessages = {
|
|
6
|
-
systemReboot: Message;
|
|
7
|
-
knowledgebaseArticle: Message;
|
|
8
|
-
totalRisk: Message;
|
|
9
|
-
rulesDetailsTotalRiskBody: Message;
|
|
10
|
-
likelihoodLevel: Message;
|
|
11
|
-
likelihoodDescription: Message;
|
|
12
|
-
impactLevel: Message;
|
|
13
|
-
impactDescription: Message;
|
|
14
|
-
riskOfChange: Message;
|
|
15
|
-
riskOfChangeText: Message;
|
|
16
|
-
riskOfChangeLabel: Message;
|
|
17
|
-
ruleHelpful: Message;
|
|
18
|
-
feedbackThankYou: Message;
|
|
19
|
-
};
|
|
4
|
+
import { RuleDetailsMessages } from './RuleDetailsMessages';
|
|
20
5
|
export interface RuleDetailsProps {
|
|
21
6
|
messages: RuleDetailsMessages;
|
|
22
7
|
product: AdvisorProduct;
|
|
@@ -4,19 +4,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
require("./RuleDetails.
|
|
7
|
+
require("./RuleDetails.css");
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var Flex_1 = require("@patternfly/react-core/dist/dynamic/layouts/Flex");
|
|
10
|
+
var Flex_2 = require("@patternfly/react-core/dist/dynamic/layouts/Flex");
|
|
11
|
+
var Icon_1 = require("@patternfly/react-core/dist/dynamic/components/Icon");
|
|
12
|
+
var Stack_1 = require("@patternfly/react-core/dist/dynamic/layouts/Stack");
|
|
13
|
+
var Stack_2 = require("@patternfly/react-core/dist/dynamic/layouts/Stack");
|
|
14
|
+
var Content_1 = require("@patternfly/react-core/dist/dynamic/components/Content");
|
|
15
|
+
var Content_2 = require("@patternfly/react-core/dist/dynamic/components/Content");
|
|
16
|
+
var external_link_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/external-link-alt-icon"));
|
|
11
17
|
var InsightsLabel_1 = __importDefault(require("@redhat-cloud-services/frontend-components/InsightsLabel"));
|
|
12
|
-
var SeverityLine_1 = require("@redhat-cloud-services/frontend-components
|
|
18
|
+
var SeverityLine_1 = require("@redhat-cloud-services/frontend-components/SeverityLine");
|
|
13
19
|
var RebootRequired_1 = __importDefault(require("../RebootRequired/RebootRequired"));
|
|
14
20
|
var RuleRating_1 = __importDefault(require("../RuleRating/RuleRating"));
|
|
15
21
|
var types_1 = require("../types");
|
|
16
22
|
var RuleDescription_1 = require("../RuleDescription");
|
|
17
23
|
var RuleDetails = function (_a) {
|
|
18
24
|
var messages = _a.messages, product = _a.product, header = _a.header, rule = _a.rule, isDetailsPage = _a.isDetailsPage, onVoteClick = _a.onVoteClick, resolutionRisk = _a.resolutionRisk, resolutionRiskDesc = _a.resolutionRiskDesc, children = _a.children, knowledgebaseUrl = _a.knowledgebaseUrl, Topics = _a.Topics, ViewAffectedLink = _a.ViewAffectedLink;
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: "ins-c-rule-details", flexWrap: { default: 'nowrap' }, direction: { default: isDetailsPage ? 'column' : 'columnReverse', lg: 'row' }, children: [(0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { hasGutter: true, children: [header && (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__header", children: header }), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__description", children: (0, jsx_runtime_1.jsx)(RuleDescription_1.RuleDescription, { product: product, rule: rule, isDetailsPage: isDetailsPage }) }), knowledgebaseUrl && ((0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__kbs", children: (0, jsx_runtime_1.jsxs)("a", { rel: "noopener noreferrer", target: "_blank", href: knowledgebaseUrl, children: [messages.knowledgebaseArticle, "\u00A0", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { size: "md", children: (0, jsx_runtime_1.jsx)(external_link_alt_icon_1.default, {}) })] }) })), Topics && (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__topics", children: Topics }), isDetailsPage && onVoteClick && ((0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__vote", children: (0, jsx_runtime_1.jsx)(RuleRating_1.default, { messages: messages, ruleId: rule.rule_id, ruleRating: rule.rating, onVoteClick: onVoteClick }) })), ViewAffectedLink && (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__view-affected", children: ViewAffectedLink })] }) }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { align: { lg: 'alignRight' }, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { children: [children && (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: children }), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { className: "ins-c-rule-details__stack", direction: { default: 'column' }, children: [(0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { spacer: { default: 'spacerSm' }, children: (0, jsx_runtime_1.jsx)("strong", { children: messages.totalRisk }) }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexWrap: { default: 'nowrap' }, children: [(0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { className: "ins-c-rule-details__total-risk", children: (0, jsx_runtime_1.jsx)(InsightsLabel_1.default, { value: rule.total_risk, isCompact: true, className: "pf-m-compact", rest: {} }) }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { hasGutter: true, children: [(0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__total-risk-body", children: (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsx)(Content_1.Content, { component: Content_2.ContentVariants.p, children: messages.rulesDetailsTotalRiskBody }) }) }), (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { children: [(0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsx)(SeverityLine_1.SeverityLine, { className: "ins-c-severity-line", title: messages.likelihoodLevel, value: rule.likelihood, tooltipMessage: messages.likelihoodDescription }) }), (0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsx)(SeverityLine_1.SeverityLine, { className: "ins-c-severity-line", title: messages.impactLevel, value: rule.impact.impact, tooltipMessage: messages.impactDescription }) })] })] }) })] }) }), resolutionRisk && resolutionRiskDesc && ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "ins-c-line" }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { spacer: { default: 'spacerSm' }, children: (0, jsx_runtime_1.jsx)("strong", { children: messages.riskOfChange }) }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { className: "pf-v6-u-display-inline-flex alignCenterOverride pf-v6-u-pb-sm pf-v6-u-pt-sm", children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexWrap: { default: 'nowrap' }, children: [(0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { children: (0, jsx_runtime_1.jsx)(InsightsLabel_1.default, { text: messages.riskOfChangeLabel, value: resolutionRisk, hideIcon: true, className: "ins-c-rule-details__risk-of-ch-label pf-m-compact", rest: {} }) }), (0, jsx_runtime_1.jsx)(Flex_2.FlexItem, { className: "ins-c-rule-details__risk-of-ch-desc", children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { hasGutter: true, children: [(0, jsx_runtime_1.jsx)(Stack_2.StackItem, { children: (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsx)(Content_1.Content, { component: Content_2.ContentVariants.p, children: resolutionRiskDesc }) }) }), product === types_1.AdvisorProduct.rhel && ((0, jsx_runtime_1.jsx)(Stack_2.StackItem, { className: "ins-c-rule-details__reboot", children: (0, jsx_runtime_1.jsx)(RebootRequired_1.default, { messages: messages, rebootRequired: rule.reboot_required }) }))] }) })] }) })] }))] }) })] }) })] }));
|
|
20
26
|
};
|
|
21
27
|
exports.default = RuleDetails;
|
|
22
28
|
//# sourceMappingURL=RuleDetails.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RuleDetails.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"RuleDetails.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleDetails/RuleDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.ins-c-line {
|
|
2
|
-
border: 0.01rem solid var(--pf-
|
|
2
|
+
border: 0.01rem solid var(--pf-t--global--border--color--100);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.ins-c-rule-details__stack {
|
|
6
6
|
width: 600px;
|
|
7
|
-
.pf-
|
|
8
|
-
font-size: var(--pf-
|
|
7
|
+
.pf-v6-c-content {
|
|
8
|
+
font-size: var(--pf-t--global--font--size--sm);
|
|
9
9
|
}
|
|
10
10
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type Message = React.ReactNode;
|
|
2
|
+
export type RuleDetailsMessages = {
|
|
3
|
+
systemReboot: Message;
|
|
4
|
+
knowledgebaseArticle: Message;
|
|
5
|
+
totalRisk: Message;
|
|
6
|
+
rulesDetailsTotalRiskBody: Message;
|
|
7
|
+
likelihoodLevel: string;
|
|
8
|
+
likelihoodDescription: Message;
|
|
9
|
+
impactLevel: string;
|
|
10
|
+
impactDescription: Message;
|
|
11
|
+
riskOfChange: Message;
|
|
12
|
+
riskOfChangeText: Message;
|
|
13
|
+
riskOfChangeLabel: Message;
|
|
14
|
+
ruleHelpful: Message;
|
|
15
|
+
feedbackThankYou: Message;
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuleDetailsMessages.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleDetails/RuleDetailsMessages.ts"],"names":[],"mappings":""}
|
package/RuleDetails/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleDetails/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.ins-c-like {
|
|
2
|
-
color: var(--pf-
|
|
2
|
+
color: var(--pf-t--global--color--status--success--default);
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.ins-c-dislike {
|
|
6
|
-
color: var(--pf-
|
|
6
|
+
color: var(--pf-t--global--text--color--regular);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.ratingSpanOverride {
|
|
10
|
-
font-size: var(--pf-
|
|
10
|
+
font-size: var(--pf-t--global--font--size--sm) !important;
|
|
11
11
|
}
|
|
12
12
|
.ratingSpanOverride button {
|
|
13
13
|
padding: 8px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './RuleRating.scss';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Rating } from '../types';
|
|
4
|
-
import { RuleDetailsMessages } from '../RuleDetails/
|
|
4
|
+
import { RuleDetailsMessages } from '../RuleDetails/RuleDetailsMessages';
|
|
5
5
|
export declare const DEBOUNCE_TIMEOUT = 2000;
|
|
6
6
|
interface RuleRatingProps {
|
|
7
7
|
ruleId: string;
|
package/RuleRating/RuleRating.js
CHANGED
|
@@ -5,11 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DEBOUNCE_TIMEOUT = void 0;
|
|
7
7
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
require("./RuleRating.
|
|
8
|
+
require("./RuleRating.css");
|
|
9
9
|
var react_1 = require("react");
|
|
10
10
|
var debounce_1 = __importDefault(require("lodash/debounce"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var Button_1 = require("@patternfly/react-core/dist/dynamic/components/Button");
|
|
12
|
+
var Icon_1 = require("@patternfly/react-core/dist/dynamic/components/Icon");
|
|
13
|
+
var outlined_thumbs_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/outlined-thumbs-down-icon"));
|
|
14
|
+
var outlined_thumbs_up_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/outlined-thumbs-up-icon"));
|
|
15
|
+
var thumbs_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/thumbs-down-icon"));
|
|
16
|
+
var thumbs_up_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/thumbs-up-icon"));
|
|
13
17
|
exports.DEBOUNCE_TIMEOUT = 2000;
|
|
14
18
|
var RuleRating = function (_a) {
|
|
15
19
|
var messages = _a.messages, ruleId = _a.ruleId, ruleRating = _a.ruleRating, onVoteClick = _a.onVoteClick;
|
|
@@ -30,7 +34,7 @@ var RuleRating = function (_a) {
|
|
|
30
34
|
console.error(error);
|
|
31
35
|
}
|
|
32
36
|
};
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)("span", { className: "ratingSpanOverride", children: [messages.ruleHelpful, (0, jsx_runtime_1.jsx)(
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("span", { className: "ratingSpanOverride", children: [messages.ruleHelpful, (0, jsx_runtime_1.jsx)(Button_1.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { size: "md", children: rating === 1 ? (0, jsx_runtime_1.jsx)(thumbs_up_icon_1.default, { className: "ins-c-like" }) : (0, jsx_runtime_1.jsx)(outlined_thumbs_up_icon_1.default, {}) }), variant: "plain", "aria-label": "thumbs-up", onClick: function () { return updateRuleRating(1); }, ouiaId: "thumbsUp" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { size: "md", children: rating === -1 ? (0, jsx_runtime_1.jsx)(thumbs_down_icon_1.default, { className: "ins-c-dislike" }) : (0, jsx_runtime_1.jsx)(outlined_thumbs_down_icon_1.default, {}) }), variant: "plain", "aria-label": "thumbs-down", onClick: function () { return updateRuleRating(-1); }, ouiaId: "thumbsDown" }), submitted && messages.feedbackThankYou] }));
|
|
34
38
|
};
|
|
35
39
|
exports.default = RuleRating;
|
|
36
40
|
//# sourceMappingURL=RuleRating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RuleRating.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"RuleRating.js","sourceRoot":"","sources":["../../../../packages/advisor-components/src/RuleRating/RuleRating.tsx"],"names":[],"mappings":";;;;;;;AAAA,6BAA2B;AAE3B,+BAAqD;AACrD,6DAAuC;AAEvC,gFAA+E;AAC/E,4EAA2E;AAC3E,mIAA0G;AAC1G,+HAAsG;AACtG,iHAAyF;AACzF,6GAAqF;AAKxE,QAAA,gBAAgB,GAAG,IAAI,CAAC;AASrC,IAAM,UAAU,GAA8B,UAAC,EAA6C;QAA3C,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA;IAClF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,UAAU,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IAC3C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,IAAA,kBAAQ,EAAC,UAAC,gBAAgB;QACxB,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;QACtC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,wBAAgB,CAAC,EACpB,EAAE,CACH,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,SAAiB;QACzC,IAAM,gBAAgB,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,eAAe,CAAC,gBAAgB,CAAC,CAAC;YAClC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAC9B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kCAAM,SAAS,EAAC,oBAAoB,aACjC,QAAQ,CAAC,WAAW,EACrB,uBAAC,eAAM,IACL,IAAI,EAAE,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,YAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,uBAAC,wBAAY,IAAC,SAAS,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,uBAAC,iCAAoB,KAAG,GAAQ,EAChH,OAAO,EAAC,OAAO,gBACJ,WAAW,EACtB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,CAAC,CAAC,EAAnB,CAAmB,EAClC,MAAM,EAAC,UAAU,GACjB,EACF,uBAAC,eAAM,IACL,IAAI,EAAE,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,YAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAC,0BAAc,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC,CAAC,CAAC,uBAAC,mCAAsB,KAAG,GAAQ,EACxH,OAAO,EAAC,OAAO,gBACJ,aAAa,EACxB,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAApB,CAAoB,EACnC,MAAM,EAAC,YAAY,GACnB,EACD,SAAS,IAAI,QAAQ,CAAC,gBAAgB,IAClC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|