@redhat-cloud-services/frontend-components-advisor-components 1.0.0

package/README.md

@@ -0,0 +1,22 @@
+# RedHat Cloud Services frontend components - Advisor components
+
+This package exports components utilized in Advisor (OCP Advisor, RHEL Advisor) and other applications that integrate the Advisor functionality. It contains the presentational layer components that display rule descriptions, reports, etc.
+
+## Installation
+
+With npm 
+```bash
+npm i -S @redhat-cloud-services/frontend-components
+```
+
+With yarn
+```bash
+yarn add @redhat-cloud-services/frontend-components
+```
+
+This package is dependent on [@redhat-cloud-services/frontend-components](https://www.npmjs.com/package/@redhat-cloud-services/frontend-components) and it will automatically install it trough direct dependencies.
+
+## Documentation Links
+
+* Components
+  * [RuleDetails](doc/ruleDetails.md)

package/RebootRequired/RebootRequired.css

@@ -0,0 +1,16 @@
+.system-reboot-message {
+  display: inline-flex;
+}
+.system-reboot-message .system-reboot-message__content {
+  position: relative;
+}
+.system-reboot-message .reboot-required-icon {
+  margin-top: 5px;
+  margin-right: var(--pf-global--spacer--sm);
+  color: var(--pf-global--palette--red-100);
+}
+.system-reboot-message .no-reboot-required-icon {
+  margin-top: 5px;
+  margin-right: var(--pf-global--spacer--sm);
+  color: var(--pf-global--palette--black-400);
+}

package/RebootRequired/RebootRequired.d.ts

@@ -0,0 +1,9 @@
+import './RebootRequired.scss';
+import React from 'react';
+import { RuleDetailsMessages } from '../RuleDetails/RuleDetails';
+interface RebootRequiredProps {
+    rebootRequired: boolean;
+    messages: RuleDetailsMessages;
+}
+declare const RebootRequired: React.FC<RebootRequiredProps>;
+export default RebootRequired;

package/RebootRequired/RebootRequired.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./RebootRequired.scss");
+var react_1 = __importDefault(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var react_icons_1 = require("@patternfly/react-icons");
+var RebootRequired = function (_a) {
+    var messages = _a.messages, rebootRequired = _a.rebootRequired;
+    return (react_1.default.createElement("span", { className: "system-reboot-message" },
+        react_1.default.createElement(react_icons_1.PowerOffIcon, { className: rebootRequired ? 'reboot-required-icon' : 'no-reboot-required-icon' }),
+        react_1.default.createElement(react_core_1.TextContent, { className: "system-reboot-message__content" },
+            react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.p }, messages.systemReboot))));
+};
+exports.default = RebootRequired;
+//# sourceMappingURL=RebootRequired.js.map

package/RebootRequired/RebootRequired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RebootRequired.js","sourceRoot":"","sources":["../src/RebootRequired/RebootRequired.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA+B;AAE/B,gDAA0B;AAC1B,qDAAyE;AACzE,uDAAuD;AASvD,IAAM,cAAc,GAAkC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACtF,wCAAM,SAAS,EAAC,uBAAuB;QACrC,8BAAC,0BAAY,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,yBAAyB,GAAI;QAChG,8BAAC,wBAAW,IAAC,SAAS,EAAC,gCAAgC;YACrD,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,CAAC,IAAG,QAAQ,CAAC,YAAY,CAAQ,CACnD,CACT,CACR;AAPuF,CAOvF,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/RebootRequired/RebootRequired.scss

@@ -0,0 +1,19 @@
+.system-reboot-message {
+  display: inline-flex;
+
+  .system-reboot-message__content {
+    position: relative;
+  }
+
+  .reboot-required-icon {
+    margin-top: 5px;
+    margin-right: var(--pf-global--spacer--sm);
+    color: var(--pf-global--palette--red-100);
+  }
+
+  .no-reboot-required-icon {
+    margin-top: 5px;
+    margin-right: var(--pf-global--spacer--sm);
+    color: var(--pf-global--palette--black-400);
+  }
+}

package/RebootRequired/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RebootRequired';
+export { default as RebootRequired } from './RebootRequired';

package/RebootRequired/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RebootRequired = void 0;
+__exportStar(require("./RebootRequired"), exports);
+var RebootRequired_1 = require("./RebootRequired");
+Object.defineProperty(exports, "RebootRequired", { enumerable: true, get: function () { return __importDefault(RebootRequired_1).default; } });
+//# sourceMappingURL=index.js.map

package/RebootRequired/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/RebootRequired/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}

package/RebootRequired/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/RebootRequired/index.js","typings":"index.d.ts"}

package/RuleDescription/RuleDescription.css

@@ -0,0 +1,4 @@
+.ins-c-generic__override p {
+  margin-top: 0;
+  margin-bottom: var(--pf-global--spacer--md);
+}

package/RuleDescription/RuleDescription.d.ts

@@ -0,0 +1,10 @@
+import './RuleDescription.scss';
+import React from 'react';
+import { AdvisorProduct, RuleContentOcp, RuleContentRhel } from '../types';
+interface RuleDescriptionProps {
+    product: AdvisorProduct;
+    rule: RuleContentOcp | RuleContentRhel;
+    isDetailsPage: boolean;
+}
+declare const RuleDescription: React.FC<RuleDescriptionProps>;
+export default RuleDescription;

package/RuleDescription/RuleDescription.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./RuleDescription.scss");
+var react_1 = __importDefault(require("react"));
+var react_markdown_1 = __importDefault(require("react-markdown"));
+var rehype_raw_1 = __importDefault(require("rehype-raw"));
+var rehype_sanitize_1 = __importDefault(require("rehype-sanitize"));
+var types_1 = require("../types");
+var RuleDescription = function (_a) {
+    var product = _a.product, rule = _a.rule, isDetailsPage = _a.isDetailsPage;
+    return (react_1.default.createElement(react_1.default.Fragment, null, (rule.generic || rule.summary) && (react_1.default.createElement("span", { className: product === types_1.AdvisorProduct.ocp || isDetailsPage ? 'ins-c-generic__override' : '' },
+        react_1.default.createElement(react_markdown_1.default, { rehypePlugins: [rehype_raw_1.default, rehype_sanitize_1.default] }, product === types_1.AdvisorProduct.ocp || isDetailsPage ? rule.generic : rule.summary)))));
+};
+exports.default = RuleDescription;
+//# sourceMappingURL=RuleDescription.js.map

package/RuleDescription/RuleDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleDescription.js","sourceRoot":"","sources":["../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,8BAAC,eAAK,CAAC,QAAQ,QACZ,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CACjC,wCAAM,SAAS,EAAE,OAAO,KAAK,sBAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;QAC/F,8BAAC,wBAAQ,IAAC,aAAa,EAAE,CAAC,oBAAS,EAAE,yBAAc,CAAC,IACjD,OAAO,KAAK,sBAAc,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CACrE,CACN,CACR,CACc,CAClB;AAV6F,CAU7F,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/RuleDescription/RuleDescription.scss

@@ -0,0 +1,6 @@
+.ins-c-generic__override {
+  p {
+    margin-top: 0;
+    margin-bottom: var(--pf-global--spacer--md);
+  }
+}

package/RuleDescription/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RuleDescription';
+export { default as RuleDescription } from './RuleDescription';

package/RuleDescription/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuleDescription = void 0;
+__exportStar(require("./RuleDescription"), exports);
+var RuleDescription_1 = require("./RuleDescription");
+Object.defineProperty(exports, "RuleDescription", { enumerable: true, get: function () { return __importDefault(RuleDescription_1).default; } });
+//# sourceMappingURL=index.js.map

package/RuleDescription/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/RuleDescription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}

package/RuleDescription/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/RuleDescription/index.js","typings":"index.d.ts"}

package/RuleDetails/RuleDetails.css

@@ -0,0 +1,16 @@
+.ins-c-line {
+  border: 0.01rem solid var(--pf-global--BorderColor--100);
+}
+
+.ins-c-rule-details__stack {
+  width: 600px;
+}
+.ins-c-rule-details__stack .pf-c-content {
+  font-size: var(--pf-global--FontSize--sm);
+}
+
+.topicsCard {
+  background-color: var(--pf-global--BackgroundColor--150);
+  box-shadow: none;
+  word-break: break-word;
+}

package/RuleDetails/RuleDetails.d.ts

@@ -0,0 +1,37 @@
+import './RuleDetails.scss';
+import React from 'react';
+import { AdvisorProduct, Rating, RuleContentOcp, RuleContentRhel, TopicRhel } from '../types';
+export declare type RuleDetailsMessages = {
+    systemReboot: string;
+    viewAffectedSystems?: string;
+    viewAffectedClusters?: string;
+    knowledgebaseArticle: string;
+    topicRelatedToRule: string;
+    totalRisk: string;
+    rulesDetailsTotalRiskBody: string;
+    likelihoodLevel: string;
+    likelihoodDescription: string;
+    impactLevel: string;
+    impactDescription: string;
+    riskOfChange: string;
+    riskOfChangeText: string;
+    riskOfChangeLabel: string;
+    ruleHelpful: string;
+    feedbackThankYou: string;
+};
+interface RuleDetailsProps {
+    messages: RuleDetailsMessages;
+    product: AdvisorProduct;
+    rule: RuleContentOcp | RuleContentRhel;
+    resolutionRisk?: number;
+    resolutionRiskDesc?: string;
+    header?: React.ReactNode;
+    isDetailsPage: boolean;
+    topics: TopicRhel[];
+    onVoteClick?: (ruleId: string, calculatedRating: Rating) => unknown;
+    showViewAffected?: boolean;
+    linkComponent?: any;
+    knowledgebaseUrl?: string;
+}
+declare const RuleDetails: React.FC<RuleDetailsProps>;
+export default RuleDetails;

package/RuleDetails/RuleDetails.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./RuleDetails.scss");
+var react_1 = __importDefault(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var react_icons_1 = require("@patternfly/react-icons");
+var InsightsLabel_1 = __importDefault(require("@redhat-cloud-services/frontend-components/InsightsLabel"));
+var SeverityLine_1 = require("@redhat-cloud-services/frontend-components-charts/SeverityLine");
+var RebootRequired_1 = __importDefault(require("../RebootRequired/RebootRequired"));
+var RuleRating_1 = __importDefault(require("../RuleRating/RuleRating"));
+var common_1 = require("../common");
+var types_1 = require("../types");
+var ViewAffectedLink_1 = require("../ViewAffectedLink");
+var RuleDescription_1 = require("../RuleDescription");
+var RuleDetails = function (_a) {
+    var messages = _a.messages, product = _a.product, header = _a.header, rule = _a.rule, isDetailsPage = _a.isDetailsPage, topics = _a.topics, onVoteClick = _a.onVoteClick, showViewAffected = _a.showViewAffected, resolutionRisk = _a.resolutionRisk, resolutionRiskDesc = _a.resolutionRiskDesc, children = _a.children, Link = _a.linkComponent, knowledgebaseUrl = _a.knowledgebaseUrl;
+    return (react_1.default.createElement(react_core_1.Flex, { flexWrap: { default: 'nowrap' }, direction: { default: isDetailsPage ? 'column' : 'columnReverse', lg: 'row' } },
+        react_1.default.createElement(react_core_1.FlexItem, null,
+            react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+                header && react_1.default.createElement(react_core_1.StackItem, null, header),
+                react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement(RuleDescription_1.RuleDescription, { product: product, rule: rule, isDetailsPage: isDetailsPage })),
+                knowledgebaseUrl && (react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement("a", { rel: "noopener noreferrer", target: "_blank", href: knowledgebaseUrl },
+                        messages.knowledgebaseArticle,
+                        "\u00A0",
+                        react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, { size: "sm" })))),
+                topics && rule.tags && (0, common_1.topicLinks)(rule, topics, Link).length > 0 && (react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement("strong", null, messages.topicRelatedToRule),
+                    react_1.default.createElement("br", null),
+                    (0, common_1.barDividedList)((0, common_1.topicLinks)(rule, topics, Link)))),
+                isDetailsPage && onVoteClick && react_1.default.createElement(RuleRating_1.default, { messages: messages, ruleId: rule.rule_id, ruleRating: rule.rating, onVoteClick: onVoteClick }),
+                !isDetailsPage && showViewAffected && Link && (react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement(ViewAffectedLink_1.ViewAffectedLink, { messages: messages, rule: rule, product: product, linkComponent: Link }))))),
+        react_1.default.createElement(react_core_1.FlexItem, { align: { lg: 'alignRight' } },
+            react_1.default.createElement(react_core_1.Stack, null,
+                children && react_1.default.createElement(react_core_1.StackItem, null, children),
+                react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement(react_core_1.Flex, { className: "ins-c-rule-details__stack", direction: { default: 'column' } },
+                        react_1.default.createElement(react_core_1.FlexItem, { spacer: { default: 'spacerSm' } },
+                            react_1.default.createElement("strong", null, messages.totalRisk)),
+                        react_1.default.createElement(react_core_1.FlexItem, null,
+                            react_1.default.createElement(react_core_1.Flex, { flexWrap: { default: 'nowrap' } },
+                                react_1.default.createElement(react_core_1.FlexItem, null,
+                                    react_1.default.createElement(InsightsLabel_1.default, { value: rule.total_risk, isCompact: true, className: "pf-m-compact", rest: {} })),
+                                react_1.default.createElement(react_core_1.FlexItem, { className: "ins-c-description-stack-override" },
+                                    react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+                                        react_1.default.createElement(react_core_1.StackItem, null,
+                                            react_1.default.createElement(react_core_1.TextContent, null,
+                                                react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.p }, messages.rulesDetailsTotalRiskBody))),
+                                        react_1.default.createElement(react_core_1.Stack, null,
+                                            react_1.default.createElement(react_core_1.StackItem, null,
+                                                react_1.default.createElement(SeverityLine_1.SeverityLine, { className: "ins-c-severity-line", title: messages.likelihoodLevel, value: rule.likelihood, tooltipMessage: messages.likelihoodDescription })),
+                                            react_1.default.createElement(react_core_1.StackItem, null,
+                                                react_1.default.createElement(SeverityLine_1.SeverityLine, { className: "ins-c-severity-line", title: messages.impactLevel, value: rule.impact.impact, tooltipMessage: messages.impactDescription }))))))),
+                        resolutionRisk && resolutionRiskDesc && (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("span", { className: "ins-c-line" }),
+                            react_1.default.createElement(react_core_1.FlexItem, { spacer: { default: 'spacerSm' } },
+                                react_1.default.createElement("strong", null, messages.riskOfChange)),
+                            react_1.default.createElement(react_core_1.FlexItem, { className: "pf-u-display-inline-flex alignCenterOverride pf-u-pb-sm pf-u-pt-sm" },
+                                react_1.default.createElement(react_core_1.Flex, { flexWrap: { default: 'nowrap' } },
+                                    react_1.default.createElement(react_core_1.FlexItem, null,
+                                        react_1.default.createElement(InsightsLabel_1.default, { text: messages.riskOfChangeLabel, value: resolutionRisk, hideIcon: true, className: "pf-m-compact", rest: {} })),
+                                    react_1.default.createElement(react_core_1.FlexItem, { className: "ins-c-description-stack-override" },
+                                        react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+                                            react_1.default.createElement(react_core_1.StackItem, null,
+                                                react_1.default.createElement(react_core_1.TextContent, null,
+                                                    react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.p }, resolutionRiskDesc))),
+                                            product === types_1.AdvisorProduct.rhel && (react_1.default.createElement(react_core_1.StackItem, null,
+                                                react_1.default.createElement(RebootRequired_1.default, { messages: messages, rebootRequired: rule.reboot_required })))))))))))))));
+};
+exports.default = RuleDetails;
+//# sourceMappingURL=RuleDetails.js.map

package/RuleDetails/RuleDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleDetails.js","sourceRoot":"","sources":["../src/RuleDetails/RuleDetails.tsx"],"names":[],"mappings":";;;;;AAAA,8BAA4B;AAE5B,gDAA0B;AAE1B,qDAA2G;AAC3G,uDAA8D;AAE9D,2GAAqF;AACrF,+FAA8F;AAE9F,oFAA8D;AAC9D,wEAAkD;AAClD,oCAAuD;AACvD,kCAA8F;AAC9F,wDAAuD;AACvD,sDAAqD;AA2CrD,IAAM,WAAW,GAA+B,UAAC,EAchD;QAbC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACO,IAAI,mBAAA,EACnB,gBAAgB,sBAAA;IACZ,OAAA,CACJ,8BAAC,iBAAI,IAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE;QAClH,8BAAC,qBAAQ;YACP,8BAAC,kBAAK,IAAC,SAAS;gBACb,MAAM,IAAI,8BAAC,sBAAS,QAAE,MAAM,CAAa;gBAC1C,8BAAC,sBAAS;oBACR,8BAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,CACrE;gBACX,gBAAgB,IAAI,CACnB,8BAAC,sBAAS;oBACR,qCAAG,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,gBAAgB;wBAChE,QAAQ,CAAC,oBAAoB;;wBAC9B,8BAAC,iCAAmB,IAAC,IAAI,EAAC,IAAI,GAAG,CAC/B,CACM,CACb;gBACA,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,IAAA,mBAAU,EAAC,IAAuB,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACtF,8BAAC,sBAAS;oBACR,8CAAS,QAAQ,CAAC,kBAAkB,CAAU;oBAC9C,yCAAM;oBACL,IAAA,uBAAc,EAAC,IAAA,mBAAU,EAAC,IAAuB,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CACxD,CACb;gBACA,aAAa,IAAI,WAAW,IAAI,8BAAC,oBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC3I,CAAC,aAAa,IAAI,gBAAgB,IAAI,IAAI,IAAI,CAC7C,8BAAC,sBAAS;oBACR,8BAAC,mCAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,GAAI,CACjF,CACb,CACK,CACC;QACX,8BAAC,qBAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE;YACnC,8BAAC,kBAAK;gBACH,QAAQ,IAAI,8BAAC,sBAAS,QAAE,QAAQ,CAAa;gBAC9C,8BAAC,sBAAS;oBACR,8BAAC,iBAAI,IAAC,SAAS,EAAC,2BAA2B,EAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;wBAC1E,8BAAC,qBAAQ,IAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;4BACvC,8CAAS,QAAQ,CAAC,SAAS,CAAU,CAC5B;wBACX,8BAAC,qBAAQ;4BACP,8BAAC,iBAAI,IAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gCACnC,8BAAC,qBAAQ;oCAEP,8BAAC,uBAAa,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,QAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,CAC7E;gCACX,8BAAC,qBAAQ,IAAC,SAAS,EAAC,kCAAkC;oCACpD,8BAAC,kBAAK,IAAC,SAAS;wCACd,8BAAC,sBAAS;4CACR,8BAAC,wBAAW;gDACV,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,CAAC,IAAG,QAAQ,CAAC,yBAAyB,CAAQ,CAChE,CACJ;wCACZ,8BAAC,kBAAK;4CACJ,8BAAC,sBAAS;gDACR,8BAAC,2BAAY,IACX,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,QAAQ,CAAC,eAAe,EAC/B,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,cAAc,EAAE,QAAQ,CAAC,qBAAqB,GAC9C,CACQ;4CACZ,8BAAC,sBAAS;gDACR,8BAAC,2BAAY,IACX,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,QAAQ,CAAC,WAAW,EAC3B,KAAK,EAAG,IAAwB,CAAC,MAAM,CAAC,MAAM,EAC9C,cAAc,EAAE,QAAQ,CAAC,iBAAiB,GAC1C,CACQ,CACN,CACF,CACC,CACN,CACE;wBACV,cAAc,IAAI,kBAAkB,IAAI,CACvC,8BAAC,eAAK,CAAC,QAAQ;4BACb,wCAAM,SAAS,EAAC,YAAY,GAAG;4BAC/B,8BAAC,qBAAQ,IAAC,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;gCACvC,8CAAS,QAAQ,CAAC,YAAY,CAAU,CAC/B;4BACX,8BAAC,qBAAQ,IAAC,SAAS,EAAE,oEAAoE;gCACvF,8BAAC,iBAAI,IAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;oCACnC,8BAAC,qBAAQ;wCAEP,8BAAC,uBAAa,IAAC,IAAI,EAAE,QAAQ,CAAC,iBAAiB,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,QAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,CAC7G;oCACX,8BAAC,qBAAQ,IAAC,SAAS,EAAC,kCAAkC;wCACpD,8BAAC,kBAAK,IAAC,SAAS;4CACd,8BAAC,sBAAS;gDACR,8BAAC,wBAAW;oDACV,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,CAAC,IAAG,kBAAkB,CAAQ,CAChD,CACJ;4CACX,OAAO,KAAK,sBAAc,CAAC,IAAI,IAAI,CAClC,8BAAC,sBAAS;gDACR,8BAAC,wBAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAG,IAAwB,CAAC,eAAe,GAAI,CACvF,CACb,CACK,CACC,CACN,CACE,CACI,CAClB,CACI,CACG,CACN,CACC,CACN,CACR;AA7GK,CA6GL,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/RuleDetails/RuleDetails.scss

@@ -0,0 +1,16 @@
+.ins-c-line {
+  border: 0.01rem solid var(--pf-global--BorderColor--100);
+}
+
+.ins-c-rule-details__stack {
+  width: 600px;
+  .pf-c-content {
+    font-size: var(--pf-global--FontSize--sm);
+  }
+}
+
+.topicsCard {
+  background-color: var(--pf-global--BackgroundColor--150);
+  box-shadow: none;
+  word-break: break-word;
+}

package/RuleDetails/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RuleDetails';
+export { default as RuleDetails } from './RuleDetails';

package/RuleDetails/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuleDetails = void 0;
+__exportStar(require("./RuleDetails"), exports);
+var RuleDetails_1 = require("./RuleDetails");
+Object.defineProperty(exports, "RuleDetails", { enumerable: true, get: function () { return __importDefault(RuleDetails_1).default; } });
+//# sourceMappingURL=index.js.map

package/RuleDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/RuleDetails/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/RuleDetails/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/RuleDetails/index.js","typings":"index.d.ts"}

package/RuleRating/RuleRating.css

@@ -0,0 +1,14 @@
+.ins-c-like {
+  color: var(--pf-global--success-color--100);
+}
+
+.ins-c-dislike {
+  color: var(--pf-global--primary-color--100);
+}
+
+.ratingSpanOverride {
+  font-size: var(--pf-global--FontSize--sm) !important;
+}
+.ratingSpanOverride button {
+  padding: 8px;
+}

package/RuleRating/RuleRating.d.ts

@@ -0,0 +1,12 @@
+import './RuleRating.scss';
+import React from 'react';
+import { Rating } from '../types';
+import { RuleDetailsMessages } from '../RuleDetails/RuleDetails';
+interface RuleRatingProps {
+    ruleId: string;
+    ruleRating: Rating;
+    onVoteClick: (ruleId: string, calculatedRating: Rating) => unknown;
+    messages: RuleDetailsMessages;
+}
+declare const RuleRating: React.FC<RuleRatingProps>;
+export default RuleRating;

package/RuleRating/RuleRating.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./RuleRating.scss");
+var react_1 = __importStar(require("react"));
+var debounce_1 = __importDefault(require("lodash/debounce"));
+var react_core_1 = require("@patternfly/react-core");
+var react_icons_1 = require("@patternfly/react-icons");
+var RuleRating = function (_a) {
+    var messages = _a.messages, ruleId = _a.ruleId, ruleRating = _a.ruleRating, onVoteClick = _a.onVoteClick;
+    var _b = (0, react_1.useState)(ruleRating), rating = _b[0], setRating = _b[1];
+    var _c = (0, react_1.useState)(false), submitted = _c[0], setSubmitted = _c[1];
+    var triggerCallback = (0, react_1.useCallback)((0, debounce_1.default)(function (calculatedRating) {
+        onVoteClick(ruleId, calculatedRating);
+        setSubmitted(false);
+    }, 2000), []);
+    var updateRuleRating = function (newRating) {
+        var calculatedRating = rating === newRating ? 0 : newRating;
+        try {
+            setSubmitted(true);
+            triggerCallback(calculatedRating);
+            setRating(calculatedRating);
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+    return (react_1.default.createElement("span", { className: "ratingSpanOverride" },
+        messages.ruleHelpful,
+        react_1.default.createElement(react_core_1.Button, { variant: "plain", "aria-label": "thumbs-up", onClick: function () { return updateRuleRating(1); }, ouiaId: "thumbsUp" }, rating === 1 ? react_1.default.createElement(react_icons_1.ThumbsUpIcon, { className: "ins-c-like", size: "sm" }) : react_1.default.createElement(react_icons_1.OutlinedThumbsUpIcon, { size: "sm" })),
+        react_1.default.createElement(react_core_1.Button, { variant: "plain", "aria-label": "thumbs-down", onClick: function () { return updateRuleRating(-1); }, ouiaId: "thumbsDown" }, rating === -1 ? react_1.default.createElement(react_icons_1.ThumbsDownIcon, { className: "ins-c-dislike", size: "sm" }) : react_1.default.createElement(react_icons_1.OutlinedThumbsDownIcon, { size: "sm" })),
+        submitted && messages.feedbackThankYou));
+};
+exports.default = RuleRating;
+//# sourceMappingURL=RuleRating.js.map

package/RuleRating/RuleRating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleRating.js","sourceRoot":"","sources":["../src/RuleRating/RuleRating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA2B;AAE3B,6CAAqD;AACrD,6DAAuC;AAEvC,qDAAgD;AAChD,uDAAqH;AAYrH,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,IAAI,CAAC,EACR,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;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,eAAe,CAAC,gBAAgB,CAAC,CAAC;YAClC,SAAS,CAAC,gBAAgB,CAAC,CAAC;SAC7B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wCAAM,SAAS,EAAC,oBAAoB;QACjC,QAAQ,CAAC,WAAW;QACrB,8BAAC,mBAAM,IAAC,OAAO,EAAC,OAAO,gBAAY,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,CAAC,CAAC,EAAnB,CAAmB,EAAE,MAAM,EAAC,UAAU,IACjG,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,8BAAC,0BAAY,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,8BAAC,kCAAoB,IAAC,IAAI,EAAC,IAAI,GAAG,CAC/F;QACT,8BAAC,mBAAM,IAAC,OAAO,EAAC,OAAO,gBAAY,aAAa,EAAC,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAApB,CAAoB,EAAE,MAAM,EAAC,YAAY,IACtG,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,8BAAC,4BAAc,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,8BAAC,oCAAsB,IAAC,IAAI,EAAC,IAAI,GAAG,CACvG;QACR,SAAS,IAAI,QAAQ,CAAC,gBAAgB,CAClC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/RuleRating/RuleRating.scss

@@ -0,0 +1,14 @@
+.ins-c-like {
+  color: var(--pf-global--success-color--100);
+}
+
+.ins-c-dislike {
+  color: var(--pf-global--primary-color--100);
+}
+
+.ratingSpanOverride {
+  font-size: var(--pf-global--FontSize--sm) !important;
+  button {
+    padding: 8px;
+  }
+}

package/RuleRating/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RuleRating';
+export { default as RuleRating } from './RuleRating';

package/RuleRating/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuleRating = void 0;
+__exportStar(require("./RuleRating"), exports);
+var RuleRating_1 = require("./RuleRating");
+Object.defineProperty(exports, "RuleRating", { enumerable: true, get: function () { return __importDefault(RuleRating_1).default; } });
+//# sourceMappingURL=index.js.map

package/RuleRating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/RuleRating/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc"}

package/RuleRating/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/RuleRating/index.js","typings":"index.d.ts"}

package/ViewAffectedLink/ViewAffectedLink.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RuleDetailsMessages } from '../RuleDetails/RuleDetails';
+import { AdvisorProduct, RuleContentOcp, RuleContentRhel } from '../types';
+interface ViewAffectedLinkProps {
+    messages: RuleDetailsMessages;
+    product: AdvisorProduct;
+    rule: RuleContentOcp | RuleContentRhel;
+    linkComponent: any;
+}
+declare const ViewAffectedLink: React.FC<ViewAffectedLinkProps>;
+export default ViewAffectedLink;

package/ViewAffectedLink/ViewAffectedLink.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var types_1 = require("../types");
+var ViewAffectedLink = function (_a) {
+    var _b, _c;
+    var messages = _a.messages, product = _a.product, rule = _a.rule, Link = _a.linkComponent;
+    return (react_1.default.createElement(react_1.default.Fragment, null, product === types_1.AdvisorProduct.ocp
+        ? (_b = rule.impacted_clusters_count > 0) !== null && _b !== void 0 ? _b : (react_1.default.createElement(Link, { key: "".concat(rule.rule_id, "-link"), to: "/recommendations/".concat(rule.rule_id) }, messages.viewAffectedClusters))
+        : (_c = rule.impacted_systems_count > 0) !== null && _c !== void 0 ? _c : (react_1.default.createElement(Link, { key: "".concat(rule.rule_id, "-link"), to: "/recommendations/".concat(rule.rule_id) }, messages.viewAffectedSystems))));
+};
+exports.default = ViewAffectedLink;
+//# sourceMappingURL=ViewAffectedLink.js.map

package/ViewAffectedLink/ViewAffectedLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewAffectedLink.js","sourceRoot":"","sources":["../src/ViewAffectedLink/ViewAffectedLink.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAG1B,kCAA2E;AAS3E,IAAM,gBAAgB,GAAoC,UAAC,EAAgD;;QAA9C,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAiB,IAAI,mBAAA;IAAO,OAAA,CAC9G,8BAAC,eAAK,CAAC,QAAQ,QACZ,OAAO,KAAK,sBAAc,CAAC,GAAG;QAC7B,CAAC,CAAC,MAAC,IAAuB,CAAC,uBAAuB,GAAG,CAAC,mCAAI,CACtD,8BAAC,IAAI,IAAC,GAAG,EAAE,UAAG,IAAI,CAAC,OAAO,UAAO,EAAE,EAAE,EAAE,2BAAoB,IAAI,CAAC,OAAO,CAAE,IACtE,QAAQ,CAAC,oBAAoB,CACzB,CACR;QACH,CAAC,CAAC,MAAC,IAAwB,CAAC,sBAAsB,GAAG,CAAC,mCAAI,CACtD,8BAAC,IAAI,IAAC,GAAG,EAAE,UAAG,IAAI,CAAC,OAAO,UAAO,EAAE,EAAE,EAAE,2BAAoB,IAAI,CAAC,OAAO,CAAE,IACtE,QAAQ,CAAC,mBAAmB,CACxB,CACR,CACU,CAClB,CAAA;CAAA,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/ViewAffectedLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ViewAffectedLink';
+export { default as ViewAffectedLink } from './ViewAffectedLink';

package/ViewAffectedLink/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewAffectedLink = void 0;
+__exportStar(require("./ViewAffectedLink"), exports);
+var ViewAffectedLink_1 = require("./ViewAffectedLink");
+Object.defineProperty(exports, "ViewAffectedLink", { enumerable: true, get: function () { return __importDefault(ViewAffectedLink_1).default; } });
+//# sourceMappingURL=index.js.map

package/ViewAffectedLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ViewAffectedLink/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB"}

package/ViewAffectedLink/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/ViewAffectedLink/index.js","typings":"index.d.ts"}

package/common.d.ts

@@ -0,0 +1,3 @@
+import { RuleContentRhel, TopicRhel } from './types';
+export declare const barDividedList: (list: JSX.Element[]) => JSX.Element[];
+export declare const topicLinks: (rule: RuleContentRhel, topics: TopicRhel[], Link: any) => JSX.Element[];